css+div 定义三角形

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;
}

效果：