css如何画横线

本篇内容介绍了“css如何画横线”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联是一家专注于做网站、成都网站建设与策划设计,安阳县网站建设哪家好?创新互联做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:安阳县等地区。安阳县做网站价格咨询:18980820575

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

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

css怎么画横线

1、使用border边框做横线

.h{
border-bottom: 1px solid black;
}

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

css如何画横线

输出结果:

css如何画横线

2、利用空元素设置

给一个空元素设置

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

.space{
height: 1px;
background-color: black;
}

css如何画横线

输出结果:

css如何画横线

“css如何画横线”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


当前名称:css如何画横线
标题网址:http://csdahua.cn/article/jppjoo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流