CSS(層疊樣式表)是一種用于網頁設計的樣式語言,通過CSS樣式可以對網頁中的元素進行美化和布局調整。文本中間的刪除線也是CSS樣式中的一種效果,在這篇文章中我們來學習下該怎樣設置文本的中間刪除線。
/* 設置文本中間刪除線樣式 */ text-decoration: line-through;
如上代碼所示,通過CSS的text-decoration
屬性的值設置為line-through
就可以實現文本的中間刪除線效果了。
我們可以將這個樣式應用到一個文本標簽中,如下所示:
<p style="text-decoration: line-through;">這段文字中間有一條刪除線</p>
上述代碼可以在一個p
標簽中添加style
屬性,并將text-decoration
的值設置為line-through
,就可以實現文本的中間刪除線效果了。
除了使用style
屬性來設置中劃線,我們也可以把樣式寫在一個CSS文件里,然后在HTML文件中導入該CSS文件,如下所示:
/* CSS文件中的代碼 */ p { text-decoration: line-through; } /* HTML文件中的代碼 */ <link href="style.css" rel="stylesheet"> <p>這段文字中間有一條刪除線</p>
如上所示,這段代碼中在CSS文件中設置了p
標簽的刪除線樣式,而在HTML文件中通過<link>
標簽將該樣式導入。這樣我們也可以實現文本的中間刪除線效果了。
綜上所述,通過text-decoration: line-through;
的樣式設置,我們可以很方便地為文本添加中間刪除線,無論是通過內聯樣式還是外部樣式表,都只需要設置text-decoration
屬性的值即可。
下一篇php 值升序