html:
<div class="triangle"></div>
css:
.triangle{
width: 0;
height: 0;
border-left: 72px solid transparent;
border-right: 72px solid transparent;
border-top: 25px solid #719121;
}
效果:
html:
<div class="triangle-left"></div>
css:
.triangle-left {
width: 0;
height: 0;
border-left: 18px solid #455f04;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
margin-top: 5px;
margin-left: 9px;
}
效果: