CSS中如何添加下滑線

在CSS中，可以使用text-decoration屬性來添加下滑線，具體步驟如下：

1、選擇需要添加下滑線的元素，例如一個段落或單詞。

2、在CSS樣式表中，為該元素添加text-decoration屬性，并設置其值為underline。

p {

text-decoration: underline;

或者：

span {

text-decoration: underline;

代碼表示，所有段落（p）或單詞（span）都將添加下滑線。

3、保存樣式表并預覽效果。

需要注意的是，text-decoration屬性不僅支持下滑線（underline），還支持上劃線（overline）、中劃線（line-through）和閃爍（blink）等效果，具體使用可以根據(jù)需求進行選擇。

如果需要在特定位置添加下滑線，可以使用偽元素（::before或::after）來實現(xiàn)。

p::before {

content: " ";

border-bottom: 1px solid black;

width: 100%;

代碼表示，在每個段落（p）之前添加一個偽元素，該元素具有一個黑色下劃線，寬度為100%，可以根據(jù)需要調整邊框顏色和寬度。

希望以上內容能夠幫助您更好地在CSS中添加下滑線。