1、可以用CSS中的边框实现，border是设置边框的属性，有一个属性dotted就是点划线。具体的设置方法，首先新建一个html文件，在文件内写入一个div标签，给它一个class属性demo：
2、设置demo的class样式，这里给demo一个宽度，表示点划线的长度，高度设为0，然后设置border-bottom的属性的边框样式为dashed点划线，宽度为5px，颜色为黑色，这样就设置好了：
3、打来浏览器，可以看到屏幕中的一条黑色点划线、以上就是用css实现点划线的流程：
1、打开html开发工具并创建一个html文件。
2、在html页面上找到<body>标记，键入<body>标记，并用<a>标记覆盖内容。
3、修改<a>标签的内容，将颜色设置为蓝色。
4、将鼠标设置为在<a>标签上滑动，字体下方将变为红色下划线：a：hover {color：red}。
给需要添加下划线的超链接添加单独样式或者一个class，包含关键代码：text-decoration:underline。
实例演示如下：
1、设计一个HTMl页面，放入一些a标签超链接：
2、给a便签全部取消下划线:
3、此时的页面展示如下：
4、在样式中添加一个class，去掉下划线：
5、演示：给一些a便签添加第四步的class：
6、刷新页面，此时效果如下：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）