css写三角的方法

?

1 2 3 4 5 6 7 8 9 10 11 12

<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的属性来更好地理解圆角是怎么画出来的