为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
给文本装饰一下 - 使用text-decoration添加文本修饰，初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

给文本装饰一下 - 使用text-decoration添加文本修饰

我们来学习文本装饰，比如我们想实现以下效果：

想要实现以上效果,我们可以输入以下代码：

技术点的解释：

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 可将课程添加到书签

举报

0/150
提交
取消