使用::after画一个红色三角形css

可以使用以下代码画一个红色三角形：

.element::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid red;
}

在这个代码中，`::after` 伪元素被用来创建一个独立的三角形形状。`content` 属性被设置为空，因为我们不需要任何文本内容。`display` 属性被设置为 `block`，以使 `::after` 元素占据一行。`width` 和 `height` 属性被设置为 `0`，这是因为我们要用边框来创建三角形。`border-left` 和 `border-right` 属性被设置为 `10px` 的虚线，使得三角形的左右两侧都没有边框。`border-bottom` 属性被设置为 `10px` 的实线，这是因为三角形的下侧需要一个实线的边框，而这个边框也决定了三角形的高度和宽度。最后，`border-color` 属性被设置为红色，以使三角形的颜色为红色。