CSS绘制圆角矩形图形的效果

 圆角矩形效果语法border-radius：12px;

 聪明的你，是否已想到了举一反三的？我们只给某一个角定义圆弧效果？是啦，下面我们来看看其它的一些圆弧效果：

单个角度圆弧果语法 

border-top-left-radius:6px; 

对角圆弧，弧度大小不同的效果语法 

border-top-left-radius:6px;  
border-top-right-radius:12px;

我们对四个角可以同时设置1到4个值。如果设置1个值，表示4个圆角都使用这个值。如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值。如果设置三个值，表示左上角使用第一个值，右上角和左下角使用第二个值，右下角使用第三个值。如果设置四个值，则依次对应左上角、右上角、右下角、左下角（顺时针顺序）。根据上述的效果，你是否会脑洞大开，如果我们定义圆，是否可以用这个方法，答案是肯定的。我们在写圆的代码时，也是这样定义的。只需要把 

borde-radius:50%;