用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不一致时可获取非直角三角形。

-_-!就这么简单。