纯css渲染倒三角

<div class="main">

<div/>

.main{
margin-left:-5px; width:0; height:0; line-height:0; overflow:hidden; border-width:5px 5px 0; border-color:#5d97e0 transparent transparent; border-style:solid dashed dashed;}
}