在CSS中，我們可以使用border-radius屬性來將一個(gè)矩形變成圓形。
但是，在這個(gè)基礎(chǔ)上，我們還可以通過設(shè)置背景圖像的位置來控制圓心的位置和大小。
比如，在下面的代碼中，我們將圓的寬度和高度都設(shè)置為50px，border-radius屬性設(shè)置為50%，這樣就得到了一個(gè)圓形的div。
<div class="circle"></div>
但是，我們希望將圓心向下移動(dòng)一點(diǎn)，并且讓圓心的大小變小。
這里我們可以使用background-position屬性來設(shè)置背景圖像的位置，第一個(gè)值為水平方向的位置，第二個(gè)值為垂直方向的位置，中間用空格隔開。
我們可以將第一個(gè)值設(shè)置為center，表示將背景圖像水平居中，將第二個(gè)值設(shè)置為一個(gè)比較小的數(shù)字，表示將背景圖像向下移動(dòng)一定距離。
另外，我們還可以調(diào)整背景圖像的大小，從而控制圓心的大小。這里我們可以使用background-size屬性，將其設(shè)置為一個(gè)比較小的值，比如10px。
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
/* 設(shè)置圓心大小 */
background-position: center 10px;
background-size: 10px;
}
這樣，我們就完成了對(duì)圓心大小的設(shè)置。