CSS - css实现三角

CSS

css实现三角

<div class="triangle">

</div>

.triangle{
width:0;
height:0;
/*处理ie6最小高度的问题*/
overflow:hidden;
border-width:10px;
/* 箭头所指方向：下 - 左 - 上 - 右*/
border-color:transparent transparent green transparent;
/*
三角所处位置：上 - 右 - 下 - 左
处理ie6箭头以外其他方向会有黑块的问题
*/
border-style:dashed dashed solid dashed;
}