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