方法:1、使用“text-decoration”屬性規(guī)定添加文本的修飾(如下劃線、刪除線等),語法“text-decoration:line-through”;2、使用del標簽定義文檔中已被刪除的文本,語法“<del>文字</del>”。
本教程操作環(huán)境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
先來看一下text-decoration
text-decoration通常我們用于給鏈接修改裝飾效果(注意: 這個屬性允許對文本設置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設置的裝飾會“延伸”到后代元素中。
值 |
描述 |
none |
默認。定義標準的文本。 |
underline |
定義文本下的一條線。下劃線 也是我們鏈接自帶的 |
overline |
定義文本上的一條線。 |
line-through |
定義穿過文本下的一條線。 |
也可以用<del></del>來實現刪除線
下面展示一下代碼(防止搞混,overline也測試了,描述不清會以為可以實現刪除線)
效果
推薦學習:html視頻課程