在CSS中怎么实现一条横线，方法是什么-群英

上一篇：在CSS中鼠标悬停让div上移代码怎么写下一篇：CSS中实现背景图居中的方法步骤是什么

这篇文章主要介绍“在CSS中怎么实现一条横线，方法是什么”的相关知识，下面会通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“在CSS中怎么实现一条横线，方法是什么”文章能帮助大家解决问题。

方法：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一条横线

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：在CSS中鼠标悬停让div上移代码怎么写下一篇：CSS中实现背景图居中的方法步骤是什么