在CSS中,我們可以通過使用屬性text-decoration
來為文字添加各種樣式。這個屬性有幾種屬性值,其中使用underline
可以讓文字下面加一條線,使用line-through
可以讓文字中間加一條橫線。
p { text-decoration: underline; /*文字下劃線*/ } span { text-decoration: line-through; /*文字中間橫線*/ }
除了這些基本的樣式之外,我們還可以通過CSS來實現更為復雜的效果。比如說,我們可以為文字添加上下兩條橫線,來讓文字看起來更加特別。這個效果可以通過添加:after
偽元素來實現:
p:after { content: ""; display: block; width: 100%; height: 1px; background-color: black; position: relative; bottom: 0.2em; } p:before { content: ""; display: block; width: 100%; height: 1px; background-color: black; position: relative; top: 0.2em; }
代碼中的:before
和:after
是CSS的偽元素(pseudo-element),可以用來在HTML元素前后添加虛擬的元素,以實現某些特殊的效果。通過這種方式來添加上下兩條橫線,可以讓文字看起來更加獨特。
綜上所述,通過使用CSS的text-decoration
屬性和:before
/:after
偽元素,我們可以為文字添加各種各樣的線條和樣式,讓它們看起來更加有趣、特別和美觀。
上一篇css字體 華文行楷
下一篇css字體 不能居中