如何用伪类元素做出三角形，并且可以实现三角形区与凹陷区的颜色不同。

可以使用CSS伪类元素 :before 和 :after 来创建三角形，并且可以使用不同的背景色来实现三角形区和凹陷区的颜色不同。 例如： .triangle {
position: relative;
width: 0;
height: 0;
border-top: 10px solid red;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
}.triangle:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-top: 10px solid blue;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
}