css教程css怎么画横线

 所属分类:web前端开发

 浏览:89次-  评论: 0次-  更新时间:2022-10-18
描述:更多教程资料进入php教程获得。 方法:1、给元素添加“border-top:粗细值 solid 颜色;”样式,通过设置边框属性画横线;2、给空元素添加...
更多教程资料进入php教程获得。

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

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

本教程操作环境: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怎么画横线的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: css,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!