/* 樣式的定義可以放在head標(biāo)簽中的style標(biāo)簽內(nèi)或單獨(dú)的css文件中 */ /* 定義一個(gè)樣式名為.no-text-decoration的文本修飾為無(wú)的樣式 */ .no-text-decoration { text-decoration: none; } /* 在需要應(yīng)用樣式的文本標(biāo)簽內(nèi)添加該類(lèi)名即可 */這是一段沒(méi)有下劃線的文本
這是一段有下劃線的文本
在Css中,我們可以使用text-decoration屬性來(lái)修飾文本的樣式,其中最常用的就是下劃線的添加和去除。但有些情況下我們可能需要去除文本的下劃線,這時(shí)我們就可以使用text-decoration: none;來(lái)將文本修飾為無(wú)。
為了方便的復(fù)用這一樣式,我們可以自定義一個(gè)樣式名,比如.no-text-decoration。然后在需要應(yīng)用該樣式的文本標(biāo)簽內(nèi)添加該類(lèi)名即可。
這是一段沒(méi)有下劃線的文本
而對(duì)于需要添加下劃線的文本,我們則不需要添加該類(lèi)名,讓其使用默認(rèn)的下劃線樣式即可。
這是一段有下劃線的文本