CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比贴图性能更好，体验更加，是一种非常好的网页美观方式。
这32种图形分别为圆形，椭圆形，三角形，倒三角形，左三角形，右三角形，菱形，梯形，长方形，正方形，圆环，平行四边形，五角星，六角星，五边形，六边形，八边形，心形，蛋形，无穷符号，消息提示框，钻石，八卦图，食豆人，扇形，月牙，顶左直角三角形，顶右直角三角形 ，底左直角三角形 ，底右直角三角形 ，八角形， 十二角形。
网页代码中用到（<!-- 浮动Div换行 --> <div style="clear:both">）和Div边距设置和浮动（margin: 20px 20px; float: left;）。
参考文章：编程之家：http://blog.csdn.net/chenhongwu666/article/details/38905803
1. 圆形：设置宽度和高度相等，border-radius属性为宽度或高度的一半。
效果图：
1 #Circle{ 2 width:100px; 3 height:100px; 4 float: left; 5 background: #6fee1d; 6 -moz-border-radius: 50px; 7 -webkit-border-radius: 50px; 8 border-radius: 50px; 9 }