需要准备的材料分别有：电脑、浏览器、html编辑器。
创新互联专业为企业提供攸县网站建设、攸县做网站、攸县网站设计、攸县网站制作等企业网站建设、网页设计与制作、攸县企业网站模板建站服务，十余年攸县做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：body{text-decoration: line-through;}。
3、浏览器运行index.html页面，此时用css成功让文本添加了中划线。
css中使用textdecoration属性就可以直接设置划线效果。
对字体样式文本加下横线款式，有二种方式，一直立即应用html下横线标识，此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果，如加下划线。
。如果后代元素没有自己的装饰，祖先元素上设置的装饰会延伸到后代元素中。不要求用户代理支持blink。
在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！
当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表（位于 head 标签内部）
4.内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
2种方法：
1、给这个数字添加css属性：text-decoration: line-through;
2、给这个数字添加标签：del。如：del9999/del。
text-decoration详解：
text-decoration : none || underline || blink || overline || line-through
none : 无装饰。text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式。
blink : 闪烁
underline : 下划线。text-decoration:underline 下划线样式。
line-through : 贯穿线。text-decoration:line-through 删除线样式-贯穿线样式。
overline : 上划线。text-decoration:overline 上划线样式。
扩展资料：
我们进行对3个盒子对象分别设置对象内文字下划线、文字删除线样式、字体上划线样式。
1、css代码片段：
.divcss5{text-decoration:underline}
.divcss5_1{text-decoration:line-through}
.divcss5_2{text-decoration:overline}
2、html代码片段：
div class="divcss5"我被加下划线/div
div class="divcss5_1"我被加贯穿删除线/div
div class="divcss5_2"我被加上划线/div
1、如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活。
2、border-bottom属性，用来设置底部的边框样式。
3、border-bottom: #FF0000 2px solid ;设置边框大小为2PX的红色边框。
4、看一样效果，发现下划线是整个屏幕的宽度，所以接下来要修改一下宽度。
5、宽度设置成180px，宽度根据 实际情况调整就可以了。
6、最后显示下划线效果。
chrome 查看元素里被横线划掉的css，是因为属性的不支持或者层次被覆盖，解决方法如下：
1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签、span标签创建商品价格的显示。
3、在test.html文件内，使用style type="text/css"/style标签来标识css代码编写区。
4、在css标签内，创建div，span标签的样式设置。
5、在css标签内，设置div的样式，使用font-size设置字体大小为20px，line-height设置行高为50px。
6、在css标签内，设置span的样式，使用color设置文字颜色为红色，text-decoration设置删除线的效果。
7、在浏览器打开test.html页面，可见，实现了将价格划掉的效果。
