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

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

以上代碼是創建四分之一圓弧的最基本的代碼。我們向一個寬高均為100像素的方塊添加了一個border-radius屬性，該屬性使邊角變為圓形，其中只有左上角是100像素的圓弧。我們還添加了一個背景顏色來使其看起來更加良好。

但是，我們想要創建的四分之一圓弧的大小可能不滿足我們的需求。這時候我們可以通過更改border-radius屬性中的值進行調整。

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

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

總的來說，通過更改border-radius屬性的值，我們可以創建任何大小和形狀的圓弧。