先看一下效果：

border-top:10px 設(shè)置水平線(xiàn)的大小

<hr style=" border-top:5px dotted #009933;" />點(diǎn)線(xiàn)式<br/><br/>
<hr style=" border-top:15px dashed #009933;" />破折線(xiàn)式<br/><br/>
<hr style=" border-top:5px solid #009933;" />直線(xiàn)式<br/><br/>
<hr style=" border-top:5px double #009933;" />雙線(xiàn)式<br/><br/>
<hr style=" border-top:5px ridge #009933;" />脊線(xiàn)式<br/><br/>
<hr style=" border-top:5px groove #009933;" />槽線(xiàn)式<br/><br/>
<hr style=" border-top:5px inset #009933;" />內(nèi)嵌效果的<br/><br/>
<hr style=" border-top:5px outset #009933;" />突起效果的<br/><br/>