CSS中有一種神奇的屬性叫做text-decoration(文本修飾),它可以在字母之上或之下添加一條或多條線條,增加文本的視覺效果。
其中,text-decoration-line(文本修飾線)屬性可以指定添加哪一種線,常見的有:underline(下劃線)、overline(上劃線)、line-through(貫穿線)和none(不添加)。
例如,想要在某行文字上面加上一條橫線,可以這樣寫:
p { text-decoration-line: overline; text-decoration-color: red; // 設置線條顏色 text-decoration-style: solid; // 設置線條樣式 }
text-decoration-color(文本修飾顏色)屬性則可以指定線條的顏色;text-decoration-style(文本修飾樣式)屬性可以指定線條的樣式,目前主流瀏覽器支持的樣式有:solid(實線)、double(雙線)、dotted(點線)、dashed(虛線)、wavy(波浪線)。
需要注意的是,當一段文字添加了text-decoration屬性后,如果想要取消這個屬性,可以使用text-decoration: none;。
上一篇如何設置手機端的css
下一篇css邊框樣式設置為圓圈