给<hr/>添加样式

---

点线式

---

破折线式

---

直线式

---

双线式

---

脊线式

---

槽线式

---

内嵌效果的

---

突起效果的

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