在CSS樣式中,我們可以使用text-decoration屬性來為文本添加刪除線。
要為文本添加刪除線,我們需要將text-decoration屬性設置為line-through:
p{
text-decoration: line-through;
}
在上面的代碼中,我們將text-decoration屬性設置為line-through。這意味著所有應用了這個樣式的文本都將在中間添加一個刪除線。
如果我們想讓刪除線的顏色不同于文本的顏色,我們可以使用text-decoration-color屬性:
p{
text-decoration: line-through;
text-decoration-color: red;
}
在上面的代碼中,我們為text-decoration-color屬性設置了紅色,這樣文本的刪除線就會呈現出紅色。
我們還可以使用text-decoration-style屬性來控制刪除線的樣式。text-decoration-style屬性支持以下值:
- solid:實線樣式
- double:雙線樣式
- dotted:虛線樣式
- dashed:點劃線樣式
- wavy:波浪線樣式
p{
text-decoration: line-through;
text-decoration-color: red;
text-decoration-style: dotted;
}
在上面的代碼中,我們使用了dotted值來為文本添加一個虛線樣式的刪除線。
最后,如果我們想取消一個元素的刪除線,我們可以簡單地將text-decoration設置為none:
p{
text-decoration: none;
}
在上面的代碼中,我們將text-decoration設置為none,這將取消所有應用了這個樣式的元素的刪除線。
下一篇css標簽樣式怎么寫