在使用<hr />标签的过程中,我发现使用<hr />后显示出来的下划线会自带一些上下距离,但是在书写网页的过程中,一个模块与分隔线之间或者一段文字与分隔线之间的距离往往会有有像素要求,我怎么能够定义这个分隔线与上面一个模块或者一行文字的距离呢?求大神解答,感激不尽!
在css文件中书写
hr{
margin:0;
}
第一种:
<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;" />
margin外边距 还可以设置行高
用css可以修改文本与<hr/>的距离,使用margin(外边距)可以实现
用CSS可以修改<hr>与文本的上下距离