畫曲線是CSS中很重要的一部分。CSS中有許多方法可以用來畫出不同形狀的曲線。下面介紹兩種最常用的方法。

/*第一種方法*/

我們可以使用border-radius屬性來畫出圓形的曲線。

#circle {
width: 100px;
height: 100px;
border-radius: 50%; /*讓寬度的一半等于高度的一半，即可繪制出圓形*/
background-color: red;
}

上面的代碼將生成一個紅色的圓形。

/*第二種方法*/

我們還可以使用貝塞爾曲線（Bezier Curve）來畫出復雜的曲線。通過控制曲線的四個點來繪制出我們想要的形狀。

#curve {
width: 100px;
height: 100px;
background-color: blue;
border-radius: 50px 50px 0 0; /*讓左上角和右上角的半徑設為50px*/
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%); /*通過clip-path屬性將矩形剪裁成想要的形狀*/
}

上面的代碼將生成一個藍色的，上半部分有曲線的形狀。

現在你已經學會了畫曲線的兩種方法，快來嘗試在你的頁面中添加一些華麗的曲線吧！