欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中橫線怎么加

林子帆1年前9瀏覽0評論

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方法,不同的方法適合不同的場合使用。