CSS可以通過設置文本修飾線來使文本更加突出。修飾線可以在文字上、下方添加一條線,也可以在其中穿過一條線。在實際使用時需要用到text-decoration屬性。
text-decoration: none; /*去掉文本修飾線*/ text-decoration: underline; /*在文本下方添加下劃線*/ text-decoration: overline; /*在文本上方添加上劃線*/ text-decoration: line-through; /*在文本中間添加一條橫線*/ text-decoration: blink; /*讓文本閃爍*/
需要注意的是,text-decoration屬性可以與其他屬性一同使用。例如,可以給超鏈接添加下劃線:
a { text-decoration: underline; }
同時,可以通過設置text-decoration-color屬性來修改修飾線的顏色:
p { text-decoration: line-through; text-decoration-color: red; }
上述代碼將段落中的文字中間添加了一條紅色的橫線。
在CSS3中還支持text-decoration-style屬性,它可以設置修飾線的樣式。例如,可以將下劃線改成雙線或波浪線:
a { text-decoration: underline; text-decoration-style: double; } p { text-decoration: underline; text-decoration-style: wavy; }
通過text-decoration屬性的不同設置,可以讓文本更加具有視覺效果,從而增強頁面的可讀性和美觀。
上一篇css頁面點贊動畫特效
下一篇css設置文字圖片居中