html 中横线的标签，css 如何在字体上画横线？_html标签

资料来源：网络整理时间：2023/3/4 1:00:48 共计：3609 浏览

方法/步骤

1，新建一个html文件，命名为test.html，用于讲解css中如何给文字底部添加一条虚线。

2，在test.html文件内，使用p标签创建多行文字。

3，在test.html文件内，设置p标签的class属性为mycss。

4，在css标签内，通过class定义p标签的样式，设置它的宽度为300px，行高为30px。

5，在css标签内，再通过border-bottom属性定义p标签的下划线样式，例如，这里设置为1px宽的灰色虚线（dashed）。

6，在浏览器打开test.html文件，查看实现的效果。

如果你指的是给html标签中的文字添加下划线，那么只需要给标签添加 text-decoration: underline; 属性即可；

在html中a链接会自动添加下滑线，如果不需要下划线，可以添加 text-decoration: none;属性即可取消下划线；

这个是CSS实现的，直接定义下划线样式即可，CSS代码如下：

border-bottom-color:#ff0000

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。