Bootstrap分割线和普通分割线

转载：https://blog.csdn.net/qhwc2009/article/details/45047365

<div class="divider"></div>

<hr class="simple" color="#6f5499" />

<!--两头渐变透明--> <hr style="filter: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color="#6f5499" size="3" /> <!--纺锥型--> <hr style="filter: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color="#6f5499" size="10"/> <!--3、右边渐变透明：--> <hr style="filter: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color='#987cb9' size=3> <!--4、左边渐变透明：--> <hr style="filter: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color="#987cb9" size=3> <!--5、虚线：--> <hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1> <!--6、双线：--> <hr style="filter: progid:dximagetransform.microsoft.shadow(color:#987cb9,direction:145,strength:15)" width="80%" color="#987cb9" size=1> <!--7、立体效果：--> <hr style="filter: progid:dximagetransform.microsoft.glow(color="#987cb9",strength=10)" width="80%" color="#987cb9" size=1> <!--8、钢针效果：--> <hr style="filter: progid:dximagetransform.microsoft.glow(color="#987cb9",strength=10)" width="80%" color="#987cb9" size=1> <!--９．垂直分割线--> <table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">

https://blog.csdn.net/qhwc2009/article/details/45047365

<div class="divider"></div>

<hr class="simple" color="#6f5499" />

<!--两头渐变透明-->
<hr style="filter: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color="#6f5499" size="3" />


<!--纺锥型-->
<hr style="filter: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color="#6f5499" size="10"/>


<!--3、右边渐变透明：-->
<hr style="filter: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color='#987cb9' size=3>


<!--4、左边渐变透明：-->
<hr style="filter: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color="#987cb9" size=3>


<!--5、虚线：-->
<hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1>


<!--6、双线：-->
<hr style="filter: progid:dximagetransform.microsoft.shadow(color:#987cb9,direction:145,strength:15)" width="80%" color="#987cb9" size=1>


<!--7、立体效果：-->
<hr style="filter: progid:dximagetransform.microsoft.glow(color="#987cb9",strength=10)" width="80%" color="#987cb9" size=1>


<!--8、钢针效果：-->
<hr style="filter: progid:dximagetransform.microsoft.glow(color="#987cb9",strength=10)" width="80%" color="#987cb9" size=1>


<!--９．垂直分割线-->
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">