<div id="box"></div>
#box {
width: 0;
height: 0;
border-style: solid;
border-color: #222222 #3179ad #3c3c3c #ef8318;
border-width: 100px 100px 100px 100px;
}
border属性是上右下左，可以试着改变border和width，height的属性来更好地理解圆角是怎么画出来的
原文：http://www.cnblogs.com/wz0107/p/4611523.html