用css的border属性实现三角

去css88逛了一下，发现了好文章，原来实现三角形不用图片的。 http://www.css88.com/archives/1875
.box{

width:0;

height:0;

border-bottom:50px #F00 solid;

border-left:50px #03F solid;

border-right: 50px #F90 solid;

border-top:50px #6C0 solid;

}
如图：





这样就有上下左右四个三角形了，再把除了要用的三角外的其他3个三角（border）颜色设置为背景色就ok了。
上下和左右border-width不一致时可获取非直角三角形。

-_-!就这么简单。