要创建一个CSS三角形,您可以使用CSS伪元素::before和::after,以及border属性来创建。
以下是一个简单的CSS三角形的示例:
.triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }
在上面的示例中,我们使用border属性来创建两个透明的边框和一个带有颜色的底部边框,从而创建了一个三角形。宽度和高度设置为0,因为边框不占用任何空间。
您可以通过调整边框的大小和颜色来更改三角形的大小和颜色。