我們來學習文本裝飾,比如我們想實現以下效果:
想要實現以上效果,我們可以輸入以下代碼:
技術點的解釋:
1、text-decoration可以設置添加到文本的修飾。
2、text-decoration默認值為none, 定義標準的文本。
3、text-decoration的值為underline為定義文本下的一條線。
4、text-decoration的值為overline為定義文本上的一條線。
5、text-decoration的值為line-through為定義穿過文本下的一條線,一般用于商品折扣價。
我來試一試:
給右側span元素中的價格添加刪除線,也就是線從文本穿過
在右邊編輯器的第8行,輸入下面代碼:
text-decoration: line-through;
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報