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