CSS3实战：第一天CSS3实战：第一天学习圆角学习阴影

</blockquote>

学习使用纯css3画实心圆、上、下、左、右半圆。

对于上面的css代码，我们首先需要明白，要绘制圆角，我们需要使用<code>border-radius</code>来实现。它有两种设置值的方式：

直接设置一个值，表示左上角、右上角、右下角、左下角都是这个值

分别设置左上角、右上角、右下角、左下角的值

画实心圆：

我们直接设置宽与高相等，然后再需要设置四个角的值都为宽的一半。

画实心上半圆：

上半圆，其宽等于高的2倍，左上角和右上角需要设置为宽的一半。

画实心下半圆

下半圆，其宽等于高的2倍，左下角和右下角需要设置为宽的一半，其它两个角不需要处理。

画实心左半圆

左半圆，其高度等于宽度的2倍，左上角和左下角需要设置为高度的一半，其它两个角不需要处理。

画实心右半圆

右半圆，其高度等于宽度的2倍，右上角和右下角需要设置为高度的一半，其它两个角不需要处理。

<code>box-shadow</code>是向盒子添加阴影，支持添加一个或者多个，如果添加多个阴影，只需用逗号隔开即可。其语法为：

其中，方括号内的是可省略的。

想看效果，添加如下代码：