CSS3是用于創建網頁布局和樣式的語言。在CSS3中，可以使用各種形狀和樣式屬性來創建圓角。下面，我們將介紹如何創建CSS3圓角。

1. 使用`border-radius`屬性

`border-radius`是CSS3中創建圓角的唯一屬性，它允許您指定圓角的邊長和角度。該屬性的值可以是任何數字或字母，但只能使用數字。例如：

```css

body {

background-color: #f0f0f0;

border-radius: 50% 50% 0 0; /* 20度圓角 */

在上面的示例中，我們使用了兩個半徑值：`50%`和`50%`，并將它們合并為一個新值：`0 0`，表示圓角的兩個端點。我們還使用了`border-radius`屬性的冒號(`...`)來連接兩個半徑值，以使它們形成一個圓角。

2. 使用`box-shadow`屬性

除了`border-radius`之外，您還可以使用`box-shadow`屬性來創建圓角。該屬性允許您指定圓角的半徑和角度，以及在圓角內的填充顏色。例如：

```css

body {

background-color: #f0f0f0;

box-shadow: 0 0 10px 10px rgba(0,0,0,0.2); /* 10度圓角，內邊距為10px，邊距為10px，填充顏色為紅色 */

在上面的示例中，我們使用了三個半徑值：`0 0 10px`，表示圓角的中心點、水平和垂直半徑，以及內邊距和邊距。我們還使用了`box-shadow`屬性的冒號(`...`)來連接半徑值，以使它們形成一個圓角。

3. 使用CSS3形狀

除了使用CSS3屬性，您還可以使用CSS3形狀來創建圓角。CSS形狀包括`border-radius`、`border-bottom-radius`、`border-top-radius`和`border-right-radius`等屬性。例如：

```css

.box {

width: 200px;

height: 200px;

border-radius: 100px 50px 100px 50px; /* 40度圓角 */

border-bottom-radius: 50px 50px; /* 20度圓角 */

border-top-radius: 50px 50px; /* 20度圓角 */

background-color: #fff;

box-shadow: 0 0 10px 10px rgba(0,0,0,0.2); /* 10度圓角，內邊距為10px，邊距為10px，填充顏色為紅色 */

在上面的示例中，我們使用了三個半徑值：`100px 50px 100px 50px`，表示圓角的中心點、水平和垂直半徑，以及內邊距和邊距。我們還使用了`border-radius`、`border-bottom-radius`和`border-top-radius`屬性的冒號(`...`)來連接半徑值，以使它們形成一個圓角。

通過使用CSS3的`border-radius`、`box-shadow`和其他形狀屬性，您可以輕松地創建圓角，而無需手動繪制復雜的圖形。