在CSS中,可以使用text-decoration屬性來(lái)設(shè)置文字下的下劃線,具體步驟如下:
1、在CSS樣式表中,找到需要添加下劃線的文字所在的樣式規(guī)則。
2、在該樣式規(guī)則中,添加text-decoration屬性,并設(shè)置其值為underline。
3、保存樣式表,并在HTML文檔中應(yīng)用該樣式規(guī)則。
假設(shè)我們需要為一段文字添加下劃線,可以編寫如下CSS代碼:
p { text-decoration: underline; }
上述代碼會(huì)將所有段落文字(<p>
標(biāo)簽)添加下劃線,如果需要為特定文字添加下劃線,可以使用類(class)或ID來(lái)指定樣式規(guī)則。
.my-text { text-decoration: underline; }
或者:
#my-text { text-decoration: underline; }
上述代碼會(huì)將類名為"my-text"或ID為"my-text"的文字添加下劃線,注意,ID選擇器(#
)的優(yōu)先級(jí)高于類選擇器(.
),因此如果同時(shí)存在ID和類名為"my-text"的元素,ID選擇器的樣式會(huì)覆蓋類選擇器的樣式。