首页 > web前端 > css教程 > css怎么画横线

css怎么画横线

WBOY
发布: 2021-12-02 15:34:16
原创
17801 人浏览过

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

css怎么画横线

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

css怎么画横线

1、使用border边框做横线

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

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

19.png

输出结果:

20.png

2、利用空元素设置

给一个空元素设置

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

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

21.png

输出结果:

22.png

(学习视频分享:css视频教程

以上是css怎么画横线的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板