CSS是前端開發中不可或缺的一門技能。它不僅能夠使網頁的樣式更加美觀、適配不同設備，還能實現一些炫酷的效果。下面我們來學習一下如何用CSS畫四分之一的圓。

// HTML結構
<div class="circle"></div>
// CSS樣式
.circle{
width: 100px; /* 圓的直徑 */
height: 100px;
border-radius: 100px 0 0 0; /* 設置四個角的半徑，第一個參數為左上角的半徑，其余三個參數為0 */
background-color: #f00; /* 設置背景色 */
}

上述代碼中，我們使用一個div標簽作為圓的容器，給它設定寬度和高度，并設置圓的半徑，然后給它設置背景色。其中border-radius屬性這里需要講解一下：

• 如果只指定一個半徑，則四個角都使用該半徑，此時圓的形狀類似于正方形。
• 如果指定兩個半徑，則第一個參數為左上角和右下角的半徑，第二個參數為右上角和左下角的半徑，此時圓的形狀為無規律的斜橢圓/橢圓形。
• 如果指定三個半徑，則第一個參數為左上角的半徑，第二個參數為右上角和左下角的半徑，第三個參數為右下角的半徑，此時圓的形狀為弧形。
• 如果指定四個半徑，則分別對應左上角、右上角、右下角、左下角，此時圓的形狀為圓形。

因此，通過設置四個半徑中的第一個參數為圓的直徑100px，我們就可以畫出四分之一的圓了。