CSS可以通過設置元素的寬度、高度和邊框屬性來繪制圓形圖片，以下是一個簡單的示例代碼：

.circle-image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-image: url('path/to/your/image.jpg');
  background-size: cover;
}

在這個示例中，我們創(chuàng)建了一個名為.circle-image的CSS類，用于繪制圓形圖片，我們設置元素的寬度和高度為100像素，這將定義圓形圖片的大小，我們將border-radius屬性設置為50%，這將使元素的四個角都變?yōu)閳A形，我們使用background-image屬性設置背景圖片，這里需要提供圖片的URL路徑，我們將background-size屬性設置為cover，這將確保背景圖片始終覆蓋整個元素區(qū)域，無論圖片原始尺寸如何。

在HTML中，我們可以這樣使用這個類來繪制圓形圖片：

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

這樣，我們就得到了一個帶有圓形圖片的HTML元素，如果需要調整圓形圖片的大小，可以修改CSS類中的寬度和高度屬性，如果需要更換背景圖片，可以修改CSS類中的背景圖片URL路徑。