css怎么画横线

315 阅读 0 评论 208 点赞

我是靠谱客的博主唠叨书包，最近开发中收集的这篇文章主要介绍css怎么画横线，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css怎么画横线

1、使用border边框做横线

.h{
border-bottom: 1px solid black;
}
登录后复制

给元素添加 border 属性，设置边框只会，就可以做到一个横线

输出结果：

2、利用空元素设置

给一个空元素设置

height=1px，并且设置 background 背景色，也可以设置一个横线。

.space{
height: 1px;
background-color: black;
}
登录后复制

输出结果：

（学习视频分享：css视频教程）

以上就是css怎么画横线的详细内容，更多请关注靠谱客其它相关文章！

以上就是唠叨书包为你收集整理的css怎么画横线的全部内容，希望文章能够帮你解决css怎么画横线所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。