点线式
破折线式
直线式
双线式
脊线式
槽线式
内嵌效果的
突起效果的
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/>
大家可以借鉴我的边框样式设置方法：http://www.cnblogs.com/xinlvtian/p/8053773.html