为了账号安全,请及时绑定邮箱和手机立即绑定

<hr/>的样式

在使用<hr />标签的过程中,我发现使用<hr />后显示出来的下划线会自带一些上下距离,但是在书写网页的过程中,一个模块与分隔线之间或者一段文字与分隔线之间的距离往往会有有像素要求,我怎么能够定义这个分隔线与上面一个模块或者一行文字的距离呢?求大神解答,感激不尽!

正在回答

5 回答

在css文件中书写

hr{

margin:0;

}

0 回复 有任何疑惑可以回复我~
#1

Leibniz233 提问者

我直接在head里面添加了这个样式,可是好像没有反应,间距还是原来默认的
2016-03-15 回复 有任何疑惑可以回复我~
#2

Leibniz233 提问者

在css文件里试了对了,用完再自己定义距离就行了,可是为什么在head里面添加css样式就没有反应呢?
2016-03-15 回复 有任何疑惑可以回复我~

第一种:

<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

height:2px;是hr的高度

border:none;是没有边框

border-top:2px dotted #185598;是设置横线的样式

dotted  虚线  #185598  颜色

第二种:

<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />


<hr style="height:1px;border:none;border-top:1px solid #555555;" />


第四种:

<hr style="height:3px;border:none;border-top:3px double red;" />


第五种:

<hr style="height:5px;border:none;border-top:5px ridge green;" />


0 回复 有任何疑惑可以回复我~
#1

Leibniz233 提问者

这个ridge是什么意思,作用是什么?
2016-03-15 回复 有任何疑惑可以回复我~

margin外边距 还可以设置行高

0 回复 有任何疑惑可以回复我~

用css可以修改文本与<hr/>的距离,使用margin(外边距)可以实现

0 回复 有任何疑惑可以回复我~

用CSS可以修改<hr>与文本的上下距离

0 回复 有任何疑惑可以回复我~
#1

Leibniz233 提问者

具体怎么修改呢?
2016-03-15 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)
  • 参与学习       1230047    人
  • 解答问题       19084    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

<hr/>的样式

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号