在CSS中添加下劃線的方法有很多,但通常使用的是text-decoration
屬性,這個屬性可以為文本添加裝飾,如下劃線、上劃線、刪除線等,下面是一些示例代碼,展示如何在CSS中使用text-decoration
屬性為文本添加下劃線:
示例1:為所有段落添加下劃線
p { text-decoration: underline; }
示例2:為特定段落添加下劃線
p.underline { text-decoration: underline; }
示例3:為鏈接添加下劃線
a { text-decoration: underline; }
示例4:為文本塊添加下劃線
div { text-decoration: underline; }
示例5:為特定元素添加下劃線(使用類名)
.my-element { text-decoration: underline; }
示例6:為特定元素添加下劃線(使用ID)
#my-element { text-decoration: underline; }
示例7:為所有文本添加下劃線,但排除特定元素
:not(.no-underline) { text-decoration: underline; }
示例8:為所有文本添加下劃線,但排除特定類名的元素
:not(.no-underline) { text-decoration: underline; }
示例9:為所有文本添加下劃線,但排除特定ID的元素
:not(#no-underline) { text-decoration: underline; }
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。