需要准备的材料分别有：电脑、浏览器、html编辑器。
成都创新互联公司是专业的濉溪网站建设公司，濉溪接单;提供网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行濉溪网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：body{text-decoration: line-through;}。
3、浏览器运行index.html页面，此时用css成功让文本添加了中划线。
使用css
div如何给文字添加下划线样式呢？使用css对文字字体添加下划线样式方法教程。
对字体文字加下划线样式，有两种方法，一直直接使用html下划线标签，另外一种是使用CSS下划线样式。
接下来为大家介绍对文字字体实现下划线方法教程，通过案例方式让大家作为两种对文字加下划线样式。
一、html标签实现下划线
在html标签中对需要加下划线的文字加u/u即可实现加下划线样式。
1、标签语法：
u我被加下划线了/u
2、html实例源代码
!DOCTYPE html html head meta charset="utf-8" / titlehtml下划线标签实例 ;/title /head body 我是divcss5!br / divcss5是网址u;/u ! /body /html
二、css样式实现下划线样式
使用CSS样式单词：text-decoration:underline
1、语法
div{text-decoration:underline} /* css注释说明：这样的表达将让DIV标签内文字字体加上下划线 */
2、div
css实现下划线实例代码
!DOCTYPE html html head meta charset="utf-8" / title下划线 删除线 上划线实例 ;/title style .divcss5{text-decoration:underline} /* underline下划线 */ .divcss5_1{text-decoration:line-through} /* line-through删除线贯穿线 */ .divcss5_2{text-decoration:overline} /* overline上划线 */ /style /head body div class="divcss5"我被加下划线/div div class="divcss5_1"我被加贯穿删除线/div div class="divcss5_2"我被加上划线/div /body /html
在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！
当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表（位于 head 标签内部）
4.内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
css中使用textdecoration属性就可以直接设置划线效果。
对字体样式文本加下横线款式，有二种方式，一直立即应用html下横线标识，此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果，如加下划线。
。如果后代元素没有自己的装饰，祖先元素上设置的装饰会延伸到后代元素中。不要求用户代理支持blink。
