在CSS中劃線是一種常用的格式化樣式,通常用于顯示刪除線或下劃線。本文將為大家介紹如何在CSS中實現劃線,以及不同類型線條的設置。
刪除線
要在文本中添加刪除線,可以使用text-decoration屬性。以下代碼顯示如何為一個段落添加刪除線:
p { text-decoration: line-through; }可以通過設置顏色和線條樣式來定制刪除線:
p { text-decoration: line-through; text-decoration-color: red; text-decoration-style: double; }上述代碼將使刪除線為紅色雙線。 下劃線 要在文本中添加下劃線,可以使用text-decoration屬性的underline值。以下代碼演示了如何為一個段落添加下劃線:
p { text-decoration: underline; }同樣,顏色和線條樣式可以被修改:
p { text-decoration: underline; text-decoration-color: blue; text-decoration-style: dotted; }上述代碼將使下劃線為藍色點狀線。 雙劃線 要實現雙劃線效果,可以設置text-decoration-style為double:
p { text-decoration: line-through; text-decoration-color: green; text-decoration-style: double; }上述代碼將在一個段落中創建一個綠色雙劃線。 總結 劃線是CSS中一種簡單易用的格式化樣式,可以通過text-decoration屬性輕松實現。可以使用text-decoration-style來設置不同的線條類型,可以使用text-decoration-color來定義線條的顏色。
上一篇oracle avg
下一篇python畫隨機圓