在方形中,四边的border占的面积是相等的,在没有宽高的情况下,四个border组成一个正方形,
四边各站四分之一个正方形,成三角形,border的宽度就能用作三角形的高,一个三角形显示,另外三边颜色透明,就形成一个三角形,
可以使用transform: rotate(0deg); 调整角度;
.css{
transform: rotate(0deg);
width: 0px;
height: 0px;
border: 100px solid #d90000;
z-index: 2;
border-color: #ca1e1e00 #009688 #3d216f00 #d90000;
}
效果