注意这个代码要根据浏览器不同加前缀如：
-webkit-transform:rotateX(20deg)/* Safari和Chrome */
2种方案：1、可以用很多 div ，全部做成 1px X 1px ，然后组成图形。
这样做，比较麻烦，浏览器渲染很累。。。
2、直接用 vml。
网上上有公司已经做了这方面画图插件，很方便调用的。。。
像什么 sin ，cos ，圆，三角，的都可以。。。
去 找找吧，很多。。
<div class="radian"></div>.radian{
width: 200px
height: 100px
border-radius: 200px/20px/*上下有弧度的边*/
/*border-radius: 20px/200px*//*左右有弧度的边*/
background-color: red
}
border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。
