CSS刪除引用之text-decoration
.qoute { text-decoration: line-through; }
當我們需要在網頁中表示已經過時或不需要再關注的文字時,我們可以使用刪除線。在CSS中,可以使用text-decoration
屬性來實現刪除線的效果。
在具體的應用中,我們可以通過選擇需要應用刪除線的元素,給它添加一個text-decoration: line-through;
樣式,即可使其文字顯示出刪除線的效果。比如:
<p class="qoute">這是一段已經過時的文字</p>
在上述樣式中,我們給一個類名為.qoute
的段落元素加上text-decoration: line-through;
樣式,使它的文字顯示刪除線的效果。
需要注意的是,text-decoration
屬性還有其他的取值方式,如下劃線、波浪線等,可以根據實際需求自行選擇。
.underline { text-decoration: underline; } .wavy { text-decoration: underline wavy; }
以上代碼分別實現了下劃線和波浪線的效果。
總的來說,使用text-decoration
屬性來實現刪除線是一種簡單、實用的方式,可以輕松地將網頁中需要刪除的文字標注出來。
上一篇css刪除下邊的滾動條
下一篇mysql數據表修改數據