<div class="triangle></div>

.triangle{
  width:0;
  height:0;    
　overflow:hidden;
　border-width:10px;
 兼容IE6
　　border-color:transparent transparent #f00 transparent;
　　border-style:dashed      dashed      solid    dashed;
　　　　　　　　　　　下          左          上       右
}