css 如何画正三角形 |css中止图标

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

以上是CSS代码，将其写在style标签中或者外部CSS文件都可以。实现正三角形的关键是利用border属性来设置框的边框，这里通过设置三条边框来得到三角形的形状。

其中border-left和border-right分别是两条斜边，它们的宽度都为50px，但是颜色设置为透明，因此它们并不会显示出来；而border-bottom是底边，宽度也是50px，高度则为100px，颜色为红色，这样就形成了一个正三角形。

使用CSS画一个正三角形非常简单，只需要几行代码就可以实现。在实际的网页设计中，可以根据需求调整代码中的数值，来达到更加满意的效果。