在CSS中,文字劃線是一個非常有用的特性。文字劃線可以用來強調特定的文本,或者給文本添加視覺效果,以便更好地與其他元素區分開來。
在CSS中,文字可以被劃線,同時可以指定劃線的樣式、顏色和位置。以下是一個基本的CSS樣式,用于給文本添加下劃線:
p { text-decoration: underline; }
如果想要指定劃線的顏色,可以使用text-decoration-color屬性:
p { text-decoration: underline; text-decoration-color: red; }
如果想要改變劃線的樣式,可以使用text-decoration-style屬性。下面是一些可用的選項:
- solid - 實線(默認值)
- dotted - 點線
- dashed - 虛線
- double - 雙線
- wavy - 波浪線
例如:
p { text-decoration: underline; text-decoration-style: dotted; text-decoration-color: blue; }
還可以使用text-decoration-line屬性指定劃線的位置,例如:
p { text-decoration: overline; //上劃線 }
最后,如果想要去掉文本的劃線,只需要將text-decoration屬性設置為none:
p { text-decoration: none; }
總之,CSS文字上的劃線可以讓你自由地調整文本的樣式,讓你的文本更加突出和易于閱讀。
上一篇div 高度自適應