html部分
<div class="triangle></div>
css部分
.triangle{
width:0;
height:0;
overflow:hidden;
border-width:10px;
兼容IE6
border-color:transparent transparent #f00 transparent;
border-style:dashed dashed solid dashed;
下 左 上 右
}
原文：http://www.cnblogs.com/yaxinwang/p/6442127.html