CSS中如何加橫線?下面讓我們來介紹幾種方法:
1.使用border-bottom屬性
p{ border-bottom:1px solid #000; }
上述代碼表示在p標簽底部添加寬度為1像素,顏色為黑色的實線邊框。也可以調整border-bottom的寬度、樣式和顏色。
2.使用text-decoration屬性
p{ text-decoration:underline; }
上述代碼表示在p標簽下面添加下劃線。也可以設置text-decoration的樣式為line-through表示刪除線,或者none表示沒有裝飾線。
3.使用偽元素:before和:after
p:before { content: ""; width: 100%; height: 1px; background-color: #000; display: block; position: absolute; top: -5px; left: 0px; } p:after { content: ""; width: 100%; height: 1px; background-color: #000; display: block; position: absolute; bottom: -5px; left: 0px; }
上述代碼表示在p標簽的前面和后面添加一個寬度為100%、高度為1像素、顏色為黑色的塊元素,同時將它們的位置定位到p標簽的上面和下面。如果需要調整橫線的粗細,可以調整height屬性。
以上是添加橫線的幾種CSS方法,不同的方法適合不同的場合使用。
上一篇iis php并發
下一篇iis php打開空白頁