先看一下效果:

border-top:10px 设置水平线的大小
<hr style=" border-top:5px dotted #009933;" />点线式<br/><br/>
<hr style=" border-top:15px dashed #009933;" />破折线式<br/><br/>
<hr style=" border-top:5px solid #009933;" />直线式<br/><br/>
<hr style=" border-top:5px double #009933;" />双线式<br/><br/>
<hr style=" border-top:5px ridge #009933;" />脊线式<br/><br/>
<hr style=" border-top:5px groove #009933;" />槽线式<br/><br/>
<hr style=" border-top:5px inset #009933;" />内嵌效果的<br/><br/>
<hr style=" border-top:5px outset #009933;" />突起效果的<br/><br/>
网友评论