css画一个白色的三角形 |ink css

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

以上的代码是画三角形的核心部分。首先设置一个元素，例如一个div，并给它加上一个类名，如.triangle。然后，大家需要将它的宽和高都设为0，因为三角形的大小是通过边框来决定的。

接下来，大家给三角形添加三条边框。这里，大家将左右两侧的边框都设为50像素，这样它们的长度就相等了。因为，大家需要画一个等腰三角形。

同时，大家将下边框的颜色设为白色，这样就可以形成白色的三角形。

最后，大家可以在页面中输出这个元素，就可以看到大家所画的三角形了。

<div class="triangle"></div>

完整的CSS代码如下：

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

这就是如何用CSS画一个白色的三角形的方法。