在網(wǎng)頁設(shè)計(jì)中,我們時(shí)常需要在文字內(nèi)容中添加刪除線,來顯示某些文字或段落的被刪除或取消的狀態(tài)。這時(shí)候,我們可以通過 CSS 來進(jìn)行刪除線的設(shè)置。
要實(shí)現(xiàn)刪除線,我們需要使用text-decoration
屬性。該屬性可以設(shè)置文本修飾的樣式,包括下劃線、刪除線等。刪除線樣式的代碼如下:
text-decoration: line-through;
通過以上代碼,我們將文本的修飾樣式設(shè)置為刪除線。此時(shí),應(yīng)用該樣式的文本內(nèi)容將會在文字上方添加一條刪除線。
如果只想在特定的文本內(nèi)容中添加刪除線,我們可以使用class
或id
來指定樣式應(yīng)用的范圍。例如:
<p class="deleted-text">這段文字已被刪除</p> .deleted-text { text-decoration: line-through; }
以上代碼為指定了一個(gè)樣式名為deleted-text
的樣式,應(yīng)用于帶有class="deleted-text"
標(biāo)記的p
標(biāo)簽。
使用 CSS 設(shè)置刪除線可以給網(wǎng)頁帶來更豐富的視覺效果,在文本內(nèi)容中添加刪除線也是一個(gè)常用的網(wǎng)頁設(shè)計(jì)技巧。希望這篇文章對大家有所幫助。