用 CSS3 做一个三角形

设置div宽高均为0，通过边框的宽度来控制三角形大小，

<div class="up"></div>
<div class="down"></div>
<div class="left"></div>
<div class="right"></div>

设置border-width：20px; 就会出现一个边长为40px的正方形

.up{
	width:0;
	height:0;
	border-width: 20px; 
	border-style: solid;
	border-color: pink;
}

border-wdith: 0 20px 20px; 设置上边框宽度为0 就会出现一个长40px 高 20px的长方形。

.up{
	width:0;
	height:0;
	border-width: 0 20px 20px;
	border-style: solid;
	border-color: pink;
}

border-color: pink/transparent transparent pink; 设置边框颜色，上方无所谓，因为上方宽度已经为0，左右透明。下方颜色为pink，得到一个向上的三角形

.up{
	width:0;
	height:0;
	border-width: 0 20px 20px;
	border-style: solid;
	border-color: pink transparent pink;
}