在CSS中,設置橫線可以用下劃線、刪除線、以及其它修飾線的方式實現。通常,這些樣式可以通過給元素添加“text-decoration”屬性來實現。
下劃線:
{ text-decoration: underline; }
在上面的代碼中,我們將“text-decoration”屬性的值設置為“underline”,這樣就可以實現下劃線的效果。
刪除線:
{ text-decoration: line-through; }
在上面的代碼中,我們將“text-decoration”屬性的值設置為“line-through”,這樣就可以實現刪除線的效果。
其他修飾線:
{ text-decoration: overline; /* 上劃線 */ text-decoration: underline overline; /* 下劃線和上劃線 */ text-decoration: double; /* 雙下劃線 */ text-decoration: dotted; /* 點線 */ text-decoration: dashed; /* 虛線 */ text-decoration: wavy; /* 波浪線 */ }
當然,需要注意的是,“text-decoration”屬性并不僅僅局限于文本的修飾,還可以用于鏈接的樣式設置等等。通過靈活運用這個屬性,我們可以實現更加豐富多彩的文本樣式效果。