css写三角的方法

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