CSS中使用破折線可以使文字更加生動有趣。在CSS中,設置破折線可以通過text-decoration屬性。下面是一個簡單的例子:
p { text-decoration: line-through; }
這個代碼片段會在段落中添加刪除線。
如果你想顯示一個斜的刪除線,可以使用text-decoration-style屬性,像這樣:
p { text-decoration: line-through; text-decoration-style: wavy; }
這個代碼片段會在文本上添加波浪狀的刪除線。你可以嘗試使用text-decoration-color屬性同步改變這個刪除線的顏色。
此外,你也可以使用text-decoration-line屬性設置不同的刪除線樣式。具體來說,可以使用下劃線、雙下劃線和點線等。下面是一個例子:
p { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: red; }
這個代碼片段將會給文本添加紅色的點線下劃線。
最后,如果你想一次性為文本添加多種刪除線,請使用text-decoration屬性。下面是一個例子:
p { text-decoration: line-through overline; text-decoration-style: double; }
這個代碼片段將會顯示一條雙線的刪除線和一個上劃線。你可以通過多次添加line-through、overline等不同的效果來組合不同刪除線的樣式。