Bootstrap分割線和普通分割線
阿新 • • 發佈：2019-02-14
轉載：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">