利用css3属性border-radius画圆和椭圆
方法/步骤
1
先在页面中加入一个div
2
先话正方形，定义div的width和height，以及background#dd { width: 200px; height: 100px; background: red; }
3
然后增加border-radius属性，让div呈圆形border-radius的值改成50%也行，反正也是正方形边的一半这样做的原理是，“正方形的内切圆的半径等于正方形边长的一半”。radius是半径的意思。border-radius: 100px/50px;
4
修改width值为200px，然后把border-radius改成100px / 50px;'/'之前的是水平半径，'/'之后的是垂直半径，所以 100px / 50px就让div成了椭圆border-radius: 100px/50px;