1. 從中間往兩邊散發:父元素設置相對定位;子元素設置絕對定位;設置子元素高度(有值)和設置寬度(0)來確定上下border。置子元素高度(0)和設置寬度(有值)來確定左右border。
<li>
<i class="before"></i>
<i class="after"></i>
</li>
li {
position:
}
i.before {
display:
width:
height:
position:
top:
left:
border-top:
border-bottom:
opacity:
transition:
-webkit-transition:
-o-transition:
-moz-transition:
filter: