css实现三角形图标

先编写一个空元素，然后将它四个边框中的三个边框设为透明，剩下一个设为可见，就可以生成三角形效果：(IE6不支持透明)

.triangle { 
	border-color: transparent transparent green transparent; 
	border-style: solid; 
	border-width: 0px 10px 10px 10px; 
	height: 0px; 
	width: 0px; 
}

 

向下箭头

.triangle { 
    border-color: gray transparent transparent transparent; 
    border-style: solid; 
    border-width: 10px 10px 0px 10px; 
    height: 0px; 
    width: 0px; 
}