CSS中橫線的設置可以通過text-decoration屬性來實現。該屬性用于定義文本裝飾,包括下劃線、刪除線、上劃線等。
selector { text-decoration: underline; /* or */ text-decoration: overline; /* or */ text-decoration: line-through; }
其中,text-decoration值為underline表示下劃線,overline表示上劃線,line-through表示刪除線。
如果要設置下劃線的顏色,可以使用text-decoration-color屬性,如下:
selector { text-decoration: underline; text-decoration-color: red; }
如果要設置下劃線的樣式,可以使用text-decoration-style屬性,如下:
selector { text-decoration: underline; text-decoration-color: red; text-decoration-style: dotted; }
text-decoration-style值有以下幾種:
- solid:實線
- dashed:虛線
- dotted:點線
- double:雙劃線
- wavy:波浪線
以上這些屬性和值的組合可以隨意搭配,實現各種不同風格的下劃線。同時,text-decoration也支持多個值,可以同時設置多種裝飾效果。
selector { text-decoration: underline line-through; text-decoration-color: blue; text-decoration-style: double dotted; }
上述代碼表示同時展示下劃線和刪除線,下劃線使用雙劃線樣式,顏色為藍色,刪除線使用點線樣式。
上一篇css中橫線怎么右移
下一篇Css中點擊div變色