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