用CSS实现三角形

1.

//css样式
	.box1{ width:0px; height:0px;
	border-bottom:10px solid #FFF;
	border-right:10px solid #f0f;
	border-left:10px solid #0f0;
	border-top:10px solid #FFF;}}
//body中的元素	
	<div class="box1"></div>

显示如下：

2.

//css样式
	.box2{ width:0px; height:0px;
	border-bottom:10px solid #ff0;
	border-right:10px solid #f0f;
	border-left:10px solid #0f0;
	border-top:10px solid #00f;}
//body中的元素
	<div class="box2"></div>

显示如下：

3.

//css样式
	.box3{ width:0px; height:0px;
	border-bottom:10px solid #FFF;
	border-right:10px solid #FFF;
	border-left:10px solid #FFF;
	border-top:10px solid #00f;}
//body中的元素
	<div class="box3"></div>

显示如下：

4.

//css样式
	.box4{ width:0px; height:0px;
	border-bottom:0px solid #FFF;
	border-right:20px solid #FFF;
	border-left:20px solid #00f;
	border-top:20px solid #FFF;}
//body中的元素
	<div class="box4"></div>

显示如下：