如何使用css绘制一个三角形

通过css绘制三角形，就只需要为盒子设置边框即可

通常我们为盒子设置边框之后看到的样式是这样的

width: 100px;
height: 100px;
border: 20px solid;
border-color: #000;
box-sizing: border-box;

然而，当我们为四条边框设置成不同的颜色时，可以看到边框的机制是这样的

width: 100px;
height: 100px;
border: 20px solid;
border-color: green blue red orange;
box-sizing: border-box;

因此，只要把边框的值变大，四条边框就会汇聚到盒子中心，从而成为四个不同的颜色，若我们需要一个三角形，把所需的三角形对应的边框设置为想要的颜色（不可以为透明色），其他的三角形对应的边框颜色设置为 透明色即可。