CSS圓環圖是一種常見的網頁布局技術，可以將一個圓形的元素包裹在另一個圓形的元素周圍，形成一個完整的圓環。這種布局技術可以用于各種用途，例如裝飾網站、設計標志、宣傳廣告等。

在CSS中，可以使用border-radius屬性來創建一個圓環圖。這個屬性可以設置圓環的大小和形狀，以及環繞半徑。下面是一個使用border-radius屬性創建圓環圖的示例代碼：

```html

<div class="circle">

<div class="circle-inner"></div>

</div>

在上面的代碼中，我們使用了div標簽來創建兩個圓形元素。第一個圓形元素是包裹另一個圓形元素的元素，第二個圓形元素是內部元素。我們使用了class屬性來為這兩個元素命名，并使用了border-radius屬性來設置圓環的大小和形狀。

圓環的大小可以通過border-radius屬性的值來控制。例如，如果我們將圓環的大小設置為50像素，那么圓環就會呈現出50像素的寬度。圓環的形狀可以通過border-radius屬性的值來控制。例如，如果我們將圓環的形狀設置為圓形，那么圓環就會呈現出圓形的形狀。

除了使用border-radius屬性外，我們還可以使用其他CSS屬性來創建圓環圖。例如，我們可以使用overflow屬性來隱藏環繞在圓形元素周圍的部分，或者使用transform屬性來改變圓環的形狀。

CSS圓環圖是一種非常實用的布局技術，可以用于各種用途。通過使用border-radius屬性，我們可以輕松地創建一個美麗的圓環圖。