CSS3實戰：第一天CSS3實戰：第一天學習圓角學習陰影

</blockquote>

學習使用純css3畫實心圓、上、下、左、右半圓。

對于上面的css代碼，我們首先需要明白，要繪制圓角，我們需要使用<code>border-radius</code>來實作。它有兩種設定值的方式：

直接設定一個值，表示左上角、右上角、右下角、左下角都是這個值

分别設定左上角、右上角、右下角、左下角的值

畫實心圓：

我們直接設定寬與高相等，然後再需要設定四個角的值都為寬的一半。

畫實心上半圓：

上半圓，其寬等于高的2倍，左上角和右上角需要設定為寬的一半。

畫實心下半圓

下半圓，其寬等于高的2倍，左下角和右下角需要設定為寬的一半，其它兩個角不需要處理。

畫實心左半圓

左半圓，其高度等于寬度的2倍，左上角和左下角需要設定為高度的一半，其它兩個角不需要處理。

畫實心右半圓

右半圓，其高度等于寬度的2倍，右上角和右下角需要設定為高度的一半，其它兩個角不需要處理。

<code>box-shadow</code>是向盒子添加陰影，支援添加一個或者多個，如果添加多個陰影，隻需用逗号隔開即可。其文法為：

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

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