中間劃線CSS是一種在文本中添加橫線的樣式效果。這種效果通常用于強調或標記文本。在HTML中,通過在文本上使用<s>
或<strike>
標簽來實現中間劃線。不過,這些標簽已經被廢棄并不推薦使用。相反,使用CSS中的text-decoration屬性可以方便地為文本添加中間劃線。
下面是一些常見的text-decoration屬性:
text-decoration: none; // 移除文本的任何裝飾效果 text-decoration: underline; // 在文本下面添加下劃線 text-decoration: overline; // 在文本上面添加上劃線 text-decoration: line-through; // 在文本中間添加橫線 text-decoration: underline overline; // 同時添加上下劃線
使用上述屬性即可實現中間劃線效果。例如:
<p style="text-decoration: line-through;">這是一段有中間劃線的文本</p>
也可以將text-decoration屬性設置為線的顏色、寬度和樣式等。例如:
<p style="text-decoration: line-through red dotted 2px;">這是一段紅色、虛線、粗細為2px的中間劃線文本</p>
需要注意的是,部分瀏覽器不支持text-decoration屬性中的顏色、寬度和樣式設置,具體情況可以查看各瀏覽器的支持情況。此外,對于中間劃線的使用,也需要考慮到文字的易讀性和美觀度。
上一篇中文文字自動換行css
下一篇兩列數據對齊css