CSS中實現半邊有圓角是一種常見的需求，特別是在制作UI設計稿時。通過CSS3的border-radius屬性可以實現圓角樣式，我們可以選擇將圓角設置在元素的左邊或右邊。

在CSS中，我們可以使用偽元素（pseudo-element）來創建半圓形。首先，我們需要給元素設置一個寬度和高度，然后使用position:relative屬性使得其擁有相對定位，接著用:before或:after偽元素來實現半圓的繪制。

.half-circle {
width: 200px;
height: 100px;
position: relative;
background-color: #f5f5f5;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.half-circle:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -50px;
width: 100px;
height: 100px;
border-top-right-radius: 100px;
background-color: #f5f5f5;
}

上面的代碼展示了如何在左側實現一個半圓形。我們先給元素設置了一個寬度和高度，并且設置了相對定位。然后使用:before偽元素來創建半圓形。通過設置left屬性將元素的左側位置移出原位置，同時也將半圓形移往元素外側。最后，我們給半圓形設置了一個較大的border-top-right-radius值，使其變成了一個半圓形。

如果需要在右側實現半圓形，只需要將:before替換成:after即可。另外，如果需要背景透明的半圓形，可以調整偽元素的background-color值為transparent。

.half-circle {
width: 200px;
height: 100px;
position: relative;
background-color: #f5f5f5;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.half-circle:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -50px;
width: 100px;
height: 100px;
border-top-left-radius: 100px;
background-color: #f5f5f5;
}

上面的代碼展示了如何在右側實現一個半圓形。我們將:before偽元素替換成了:after，同時修改了其right屬性，使其移動到了元素的右側。同樣地，我們給半圓形設置了一個較大的border-top-left-radius值，使其變成了一個半圓形。

總的來說，在CSS中實現半邊有圓角是一種較為簡單的技巧，只需要靈活運用CSS3的border-radius屬性以及:before或:after偽類即可。但是需要注意的是，該技巧僅適用于現代瀏覽器，不支持IE9以下版本的瀏覽器。