CSS 半圓排列是一種通過 CSS 選擇器實現圓形元素排列的技術。使用半圓排列，可以將多個圓形元素按照需要的位置進行排列，使它們呈現出一種視覺上的效果。

在 CSS 中，半圓排列可以使用 `border-radius` 屬性來設置元素的圓角，同時也可以使用 `background-radius` 屬性來設置元素的內邊距和外邊距。

下面是一個簡單的示例，展示如何使用 CSS 半圓排列將兩個圓形元素放在同一個位置：

```html

<div class="circle-container">

<div class="circle" style="border-radius: 50% 50% 0 0;"></div>

<div class="circle" style="border-radius: 50% 50% 0 0;"></div>

</div>

在這個示例中，我們使用 `border-radius` 屬性設置了兩個元素的大小和位置，以及圓角的角度。其中，第一個元素使用了 `50%` 的圓角寬度，第二個元素使用了 `50%` 的圓角寬度和 `0` 的圓角高度。

除了使用 `border-radius` 外，我們還可以使用 `background-radius` 屬性來設置元素的內邊距和外邊距。在這種情況下，我們需要將 `background-radius` 設置為元素高度的 50% 和 25%。

下面是一個使用 `background-radius` 的示例，它將兩個元素放在同一個位置，并且內邊距和外邊距都設置為元素高度的 50%:

```html

<div class="circle-container">

<div class="circle" style="background-radius: 50% 50% 0 0;"></div>

<div class="circle" style="background-radius: 50% 50% 0 0;"></div>

</div>

在這個示例中，我們使用 `background-radius` 設置了兩個元素的大小和位置，以及內邊距和外邊距。注意，在這種情況下，內邊距和外邊距的高度都等于圓角的高度。

通過使用 CSS 半圓排列，我們可以輕松地將多個圓形元素排列在一起，使它們呈現出一種視覺上的效果。這種排列方式可以在很多不同的項目中使用，例如網站、應用程序和設計。