CSS3是一種允許我們創(chuàng)建平滑的、圓潤(rùn)的圓弧的技術(shù)。在本文中，我們將介紹如何使用CSS3畫四分之一圓弧。

.quarter-circle {
width: 100px;
height: 100px;
border-radius: 100px 0 0 0;
background-color: pink;
}

以上代碼是創(chuàng)建四分之一圓弧的最基本的代碼。我們向一個(gè)寬高均為100像素的方塊添加了一個(gè)border-radius屬性，該屬性使邊角變?yōu)閳A形，其中只有左上角是100像素的圓弧。我們還添加了一個(gè)背景顏色來(lái)使其看起來(lái)更加良好。

但是，我們想要?jiǎng)?chuàng)建的四分之一圓弧的大小可能不滿足我們的需求。這時(shí)候我們可以通過(guò)更改border-radius屬性中的值進(jìn)行調(diào)整。

.quarter-circle {
width: 200px;
height: 200px;
border-radius: 200px 0 0 0 / 400px 0 0 0;
background-color: pink;
}

以上代碼中，我們將border-radius屬性設(shè)置成了一個(gè)斜杠分割的兩部分。左邊的200像素表示四分之一圓的半徑，右邊的400像素表示方塊的寬和高。這樣可以使我們創(chuàng)建一個(gè)更大的四分之一圓弧。

總的來(lái)說(shuō)，通過(guò)更改border-radius屬性的值，我們可以創(chuàng)建任何大小和形狀的圓弧。