css3中border-radius画半圆、椭圆详解

对于css3中border-radius画圆相信大家查询api都很熟练的能学会，今天看看如何画一个半圆，高手勿喷。低手请手动练习下，找找感觉， css3中border-radius用好了还是能解决许多问题。好开始动手吧！代码君

方法/步骤

上半圆也不多说废话了看看吧花式很多， div { width:100px; height:50px; border-radius:50px 50px 0 0; background:red; }

div { width:100px; height:50px; border-radius:0 0 50px 50px; background:red; }

div { width:50px; height:100px; border-radius:0 50px 50px 0; background:red; }

div { width:50px; height:100px; border-radius:50px 0 0 50px; background:red; }

div { width:100px; height:100px; border-radius: 80px 0 80px 80px ; background:red; }

div { width:100px; height:100px; border-radius: 100px 0px 100px 0px ; background:green; }

留个作业自己画个椭圆试试

欧尼酱