點線式
破折線式
直線式
雙線式
脊線式
槽線式
內嵌效果的
突起效果的
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