广告：宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

方法：1、给元素添加“border-top:粗细值 solid 颜色;”样式，通过设置边框属性画横线；2、给空元素添加“height:粗细值;width:长度;background-color:颜色;”样式，通过设置空元素背景颜色来画横线。

本教程操作环境：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怎么画横线的详细内容，更多请关注9543建站博客其它相关文章！

广告：SSL证书一年128.66元起，点击购买~~~