在CSS中，常常需要使用圓形的圖形來裝飾網站頁面，而圓形中的小半圓則能夠為網站頁面帶來更為美觀的效果。下面是如何使用CSS實現圓內小半圓的方法：

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f2f2f2;
position: relative;
}
.circle:before {
content: "";
width: 200px;
height: 100px;
border-radius: 0 0 100px 100px;
background-color: #f2f2f2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

這段CSS代碼的作用是定義了一個類名為"circle"的div容器，使用border-radius屬性設定了其為圓形，同時也定義了圓形的寬高和背景顏色。在圓形中心線下面定義了一個偽元素:before，并對該元素進行定位，使其位于圓形底部，通過border-radius屬性使偽元素成為半圓形，其大小和圓形大小相同。通過這樣的方法，我們就成功實現了圓內小半圓的效果。