在CSS中,可以使用text-decoration
屬性為字體添加劃線,這個(gè)屬性可以設(shè)置為line-through
、underline
或overline
,分別表示添加刪除線、下劃線和上劃線,要為一個(gè)段落添加下劃線,可以寫:
p { text-decoration: underline; }
如果要為所有段落添加刪除線,可以寫:
p { text-decoration: line-through; }
注意,text-decoration
屬性會(huì)覆蓋HTML中的<u>
和<del>
標(biāo)簽,但如果同時(shí)使用,可能會(huì)產(chǎn)生沖突,建議只在必要時(shí)使用CSS添加劃線,以保持代碼的簡潔和可讀性。
如果要在特定的文本后面添加劃線,可以使用::after
偽元素,要在每個(gè)段落后面添加一條水平分隔線,可以寫:
p::after { content: ""; width: 100%; height: 1px; background-color: #000; display: block; margin-top: 1em; }
這樣,每個(gè)段落后面都會(huì)有一條黑色的水平分隔線,高度為1像素,距離為段落上方1em,這種方法可以為文本添加更加美觀的劃分和裝飾。