那么CSS是如何实现的呢其实CSS是通过textdecoration属性进行设置，除了删除线，还可以实现下划线顶划线textdecorationunderline #160#160下划线 textdecorationoverline #160顶划线 textdecorationlinethr。

做了个小测试，将下划线分别用了“~”“$”“`”“”和“－”去代替，结果只有“－”号是可以使用的，而且对js的支持也正常，看下测试以下为引用的内容css部分代码如下trya color#00f try。

在CSS中，使用textdecoration属性来定义段落文本的下划线删除线和顶划线即为默认值，可以用这个属性值也可以去掉已经有下划线或删除线或顶划线的样式 textdecoration是三个属性的缩写textdecorationline，textdecor。

1如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活2borderbottom属性，用来设置底部的边框样式3borderbottom #FF0000 2px solid 设置边框大小为2PX的红色边框4看一样。

一通过CSS下划线代码textdecorationunderline来设置文字下划线实例演示如下1实例代码如下此时页面效果如下2修改第1步中的txt样式，加入textdecorationunderline此时页面效果如下，出现了下划线二通过设置。

属性和属性值2将编辑好的代码保存，然后用浏览器打开html文档，这时可以在网页中看到a标签的下划线3添加style标签，然后为a标签设置“textdecoration”css样式，刷新浏览器，这时浏览器中的下划线就会被去掉。

1打开html开发工具并创建一个html文件2在html页面上找到标记，键入标记，并用标记覆盖内容3修改标签的内容，将颜色设置为蓝色4将鼠标设置为在标签上滑动，字体下方将变为红色下划线ahover colorred。

给需要添加下划线的超链接添加单独样式或者一个class，包含关键代码textdecorationunderline实例演示如下1设计一个HTMl页面，放入一些a标签超链接2给a便签全部取消下划线3此时的页面展示如下4在样式中添加一。

代码如下a textdecoration borderbottom 1px solid 这样写的有点在于borderbottom还有dashed属性，我们还可以创造虚线下划线 P a textdecoration borderbottom 1px dashed 效果图金玉全王。

第一ul的背景不是通过代码实现的，是一张图来的第二下划线实现如下 网站建设 域名注册 虚拟主机 邮箱企业 注释 borderbottom下边框 边框的颜色 1px 边框的大小。

在这里简单介绍两种情况 一将表单中的所有文本框都变为下划线，则在源代码中加入下列代码 二将表单中的某个文本框变为下划线，需要在对应文本框的input 中添加ID具体代码格式如下 1表单源代码最前面加入下列。

textdecorationunderlinepaddingbottom2pxborderbottom1 solid#fff设置下划线，然后再设置下边缘的border属性，并让其自适应大小，就可以实现双下划线的效果，或者也可以用带双下划线的图片来代替，并让其自适应。

acolor #0162f4 鼠标离开的时候颜色为蓝色，#0162f4颜色代码自己改 ahovertextdecorationunderlinecolor #C20C0C 鼠标经过的时候出现下划线textdecorationunderline，不要下划线改成textdecoration即可。

用一个时间的案例来说明吧 1 代码部分 北京传智播客 我要去除超链接下划线 2 以上代码在浏览器显示的效果 ， 在浏览器段看到超链接是有下划线的，之后的操作咱们就是要去除下划线 3 去除下滑下 的代码 在a。

你好，我根据你的要求编写了下面的代码，请参考lt！无序列表第1个li元素第2个li元素第3个li元素lt！下划线样式ul litextdecorationunderline 如对以上代码仍有疑惑，欢迎追问。