CSS3系列：魔法系列

一、三角形

---

    #wrap div{
	margin: 0 auto;
	}
	.triangle_three
	{
	  height:0px; width:0px;
	  border-bottom:50px solid #ccc;
	  border-left:100px solid transparent;
	  border-right:100px solid transparent;
	}
	.triangle-four{
	height:20px; width:20px;
	border-top: 50px solid blue;
	border-bottom: 50px solid black;
	border-left: 50px solid green;
	border-right:50px solid yellow;
	}

   <div id="wrap">
		<div class="triangle_three" >
		</div>
		<div class="triangle-four">
		</div> 
	</div>

房子图

二、闪耀太阳系