先编写一个空元素，然后将它四个边框中的三个边框设为透明，剩下一个设为可见，就可以生成三角形效果：(IE6不支持透明)
.triangle { border-color: transparent transparent green transparent; border-style: solid; border-width: 0px 100px 100px 100px; height: 0px; width: 0px; }
原文：http://www.cnblogs.com/baixc/p/3670601.html