怎么给<hr>设置颜色和居中属性

怎么给<hr>设置颜色和居中属性

问题如图,我发现很多网上说的颜色设置,都是设置这条线的边框颜色,而内部并没有颜色

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2019-08-10 17:15:47

由于浏览器默认会给hr标签加上边框,也可以理解成是hr标签默认是带有边框的,设置一下hr的高度显示的会更加明显,如下图:

http://img1.sycdn.imooc.com//climg/5d4e892600015cbe19150562.jpg

一般情况下,我们使用hr设置分割线,建议设置如下:

http://img1.sycdn.imooc.com//climg/5d4e89a4000111a319160805.jpg

设置hr标签的border为none,然后设置hr标签的高度以及背景色,这样就是实心的分割线了,居中可以在给hr标签设置了宽度后,使用margin:0 auto实现水平居中显示

希望可以帮到你!

好帮手慕夭夭 2019-08-10 13:54:11

你好同学,因为<hr>显示的那一条线就是边框做出来的,可以按F12查看:

浏览器给<hr>设置的默认样式就是1px的边框线,所以改变它的颜色就是重新设置边框样式哦

http://img1.sycdn.imooc.com//climg/5d4e5bbe0001012415030361.jpg

祝学习愉快,望采纳。

  • 提问者 慕哥2455504 #1
    emmm还是不是很理解?
    2019-08-10 15:44:35
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师