通过CSS画出三角形和圆形

画三角形

通过设置盒子模型的边框，把盒子的content设为0，把不需要的边框设置为透明，需要的边框设置为对应的颜色，需要设置向上的三角形则设置底边颜色。

画圆形

把盒子模型的宽高设为相同，并且通过把border-radius这个属性设置到大于50%即可

// 三角形的类 .triangle{ width: 0; height: 0; border: 100px solid transparent; border-top-color: red; } // 圆形的类 .radius{ width: 100px; height:100px; border-radius:50%; background-color: red; }