网站版权与免责声明
①由于各方面不确定的因素，有可能原文内容调整与变化，本网如不能及时更新或与相关部门不一致，请网友以权威部门公布的正式信息为准。
②本站注明稿件来源为其他媒体的文/图等稿件均为转载稿，本站转载出于非商业性的教育和科研之目的，并不意味着赞同其观点或证实其内容的真实性。
③本网转载的文/图等稿件出于非商业性目的,如转载稿涉及版权及个人隐私等问题,请作者在两周内邮件820921846@qq.com联系。
这个是CSS实现的，直接定义下划线样式即可，CSS代码如下：
border-bottom-color:#ff0000
html把字体变蓝是设置css的color属性，将color属性值设置为blue。给字体添加下划线是将text-decoration设置为underline，text-decoration有6个值，分别是none：字体无装饰；
blink：字体闪烁；
underline：字体设置下划线；
line-throught：字体设置贯穿线；
overline：字体设置上划线。
css去掉下划线只要我们把text-decoration属性改成none就可以了，并不是很难，在HTML中，我们可以使用u标签来加下划线，但是在css中我们只能使用text-decoration属性，我们想把下划线设置成红色，只要我们保持和字体的颜色相同就可以了。
1/7新建一个html文件，命名为test.html，用于讲解在html里，用css怎么在字的中间加一条横线。
2/7在test.html文件内，使用p标签创建一行文字，文字内容为“用css在字的中间加一条横线”。
3/7在test.html文件内，给p标签设置class属性，属性值为myp，主要用于下面通过该class来设置css样式。
4/7在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
5/7在css标签内，通过p标签的class属性myp来设置p标签内文字的css样式，样式写在花括号内。
6/7在css标签内，在花括号内，将text-decoration属性设置为line-through，实现给文字中间加一条横线的效果。
7/7在浏览器打开test.html文件，查看实现的效果。
总结：1、创建一个test.html文件。2、在文件内，使用p标签创建一行测试的文字。3、在css中，将p标签的样式属性text-decoration设置为line-through，实现在字的中间加一条横线的效果。
如果你指的是给html标签中的文字添加下划线，那么只需要给标签添加 text-decoration: underline; 属性即可；
在html中a链接会自动添加下滑线，如果不需要下划线，可以添加 text-decoration: none;属性即可取消下划线；
1.使用“text-decoration”CSS样式属性，使用<u>标签不再是强调文本的正确方法。而是使用“text-decoration”CSS属性，语法为：< span style = “text-decoration：underline;” >这将加下划线< / span >。
2.如果要为某段文本加下划线，请使用<span>标签，将开始标签与“text-decoration”属性一起放在要开始下划线的位置。将结束</span>放置在您想要停止的位置。
html设置下划线长度的方法：
1、首先我们给元素添加“display: block;”这样的样式并且将其变成块级元素；
2、其次我们使用border-bottom属性设置下划线样式；
3、最后我们利用width属性控制下划线的长度，语法“width:长度值;”。
这样利用html我们就可以设置下划线的大小了。
直接运用CSS中的文本修饰属性text-decoration是没有办法实现下划线为虚线的。不过可以考虑使用border属性来实现。示例代码如下：
border-bottom:1px dashed #000;这里的意思就是1px宽度的黑色虚线下边框。看起来就跟下划线一样的效果。
可以，只需添加css样式就可以了。例：hr {color: #f00;background-color: #f00;height: 5px;}详细可以看参考资料。
1/7
先新建一个超链接，默认的是有下划线的。
2/7
点击“页面属性”
3/7
打开页面属性对话框。
4/7
选择：链接（css）.
5/7
打开链接（css）属性选项后。
6/7
选择仅在变换图像时显示下划线即可。
7/7
检查下，发现下划线已经消失。