600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html 中横线的标签 css 如何在字体上画横线? – html – 前端 b站空间css 教程

html 中横线的标签 css 如何在字体上画横线? – html – 前端 b站空间css 教程

时间:2020-07-13 00:50:08

相关推荐

html 中横线的标签 css 如何在字体上画横线? – html – 前端 b站空间css 教程

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。