在CSS樣式中,我們可以使用text-decoration屬性,來對文本進行裝飾。其中,text-decoration的值可以設(shè)置為以下幾個屬性:
text-decoration: none; /* 默認值,不添加任何裝飾 */ text-decoration: underline; /* 給文本添加下劃線 */ text-decoration: overline; /* 給文本添加上劃線 */ text-decoration: line-through; /* 給文本添加貫穿線 */
可以看到,我們今天要講的就是text-decoration: line-through這個屬性,它可以給文本添加貫穿線。
接下來,我們就來看一下一個簡單的例子,如何使用CSS來給文本添加貫穿線:
<style> .line-through { text-decoration: line-through; } </style> <p>這是一段沒有貫穿線的文本。</p> <p class="line-through">這是一段有貫穿線的文本。</p>
上述代碼中,我們定義了一個樣式類.line-through,將text-decoration設(shè)為line-through。在HTML中,我們就可以通過給文本所在的p標(biāo)簽添加class="line-through",來為文本添加貫穿線了。
再次強調(diào)一下,line-through屬性只是將貫穿線添加到文本的中間,而并不會將文本的刪除線與之合并,如需要實現(xiàn)完全刪除文本的效果,可以使用text-decoration-line: line-through;text-decoration-style: double;的方式。