在網頁設計中，我們經常需要實現一些圖形來展示數據的比例關系。比如，一個餅狀圖就是將數據按照一定比例分成不同的扇形區(qū)域。在 CSS 中，我們可以通過實現半圓弧比例來展示數據的比例。

我們可以使用 border-radius 和 transform 屬性來實現半圓弧的效果。具體實現方式如下：

.circle{
width: 100px;
height: 50px;
border: 1px solid #ccc;
border-radius: 50px 50px 0 0; /*設置四個角的圓角半徑，上面兩個為50px，下面兩個為0*/
transform: rotate(-90deg);
}
.circle-inner{
height: 50%;
background-color: #36f;
transform: rotate(90deg);
}

在上面的代碼中，我們創(chuàng)建了一個圓形容器 .circle 和一個半圓形內部 .circle-inner。注意，.circle 的四個圓角半徑只設置了上面的兩個為50px，下面的兩個為0，這樣，就能夠按照我們的需求，只展示半圓形而不是整個圓形。同時，我們使用 transform: rotate(-90deg) 將圓形容器轉了90度，這樣，半圓形就能夠朝上展示。.circle-inner 的高度設置為50%，這樣，我們就能夠利用 CSS transform 屬性旋轉它來展示不同的比例關系。

以上就是實現半圓弧比例的方法，希望對你有所幫助。