一.实心三角形
![](https://i-blog.csdnimg.cn/blog_migrate/c5d32d93cdb4abbb89bde72da145da14.png)
.filled-triangle1 {
width: 100px;
height: 100px;
border: 1px solid #FF0000;
}
.filled-triangle2 {
border-top: 50px solid #FF0000;
border-right: 50px solid #23ab3f;
border-bottom: 50px solid #D6D6D6;
border-left: 50px solid #EEE5A3;
}
.filled-triangle3 {
height: 0;
width: 0;
}
.filled-triangle4 {
border-top: 50px solid #FF0000;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid transparent;
}
.filled-triangle {
width: 0;
height: 0;
border-top: 50px solid #FF0000;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}