半圓在web設計中是一個比較常見的元素，那么如何使用CSS實現半圓呢？

首先，我們需要使用border-radius屬性來實現元素的圓角效果，這個屬性可以設置四個參數，分別控制四個角的弧度大小。如果想要實現半圓，只需要將四個參數中的其中三個設置為0，另一個設置為元素的寬或高的一半即可，如下所示：

.shape {
width: 100px;
height: 50px;
border-radius: 0 0 50px 50px;
}

上面的代碼可以實現一個寬100像素、高50像素的半圓。

當然，如果想要將半圓放置在一個矩形框的左側或右側，還需要使用一些其他的CSS屬性。比如，可以使用float屬性將元素向左或向右浮動，使其與周圍的元素產生對齊的效果。例如，下面的代碼可以將半圓放在一個矩形框的右側：

.container {
width: 300px;
height: 100px;
border: 1px solid #ccc;
}
.shape {
width: 50px;
height: 100px;
border-radius: 0 50px 50px 0;
background-color: #f00;
float: right;
}

上面的代碼中，我們將一個半圓浮動到了一個寬300像素、高100像素的矩形框的右側，使用了背景色使其可見。

總的來說，使用CSS實現半圓并不難，只需要掌握border-radius屬性和一些其他的布局屬性即可。