CSS是一種用于網頁設計的語言,它可以實現各種各樣的效果,比如讓文字體現出不同的特征,讓圖片展現出不同的風格等等。
在CSS中,有一種效果非常簡單但卻很實用,那就是讓一條橫線穿過一段文字。這個技巧在網頁設計中很常用,比如可以用于表示刪除的文字。
/* 在CSS中,我們可以使用text-decoration屬性來實現一個穿過文字的橫線效果 */ text-decoration: line-through;
上面的代碼,就是將穿過文字的橫線效果加入到CSS樣式表中。接下來,我們可以使用該效果來修飾文字:
// HTML代碼 <p>原價:$50,現價:$30</p> // CSS代碼 p { text-decoration: line-through; } /* 在這里,我們的p標簽將實現一個穿過文本的效果,表明這個價格已經被打折了。*/
通過使用這個CSS技巧,我們可以讓代碼更加簡潔,又能夠實現我們所需要的有價值的效果。
下一篇css 三個并排