在CSS中，我們可以通過使用border-radius屬性和mask屬性來實(shí)現(xiàn)圖片中間鏤空的效果。

我們需要?jiǎng)?chuàng)建一個(gè)HTML元素，并給它一個(gè)類名，比如image-mask，我們可以使用CSS來定義這個(gè)類的樣式。

下面是一個(gè)簡(jiǎn)單的示例：

HTML代碼：

<div class="image-mask">
  <img src="your-image-url" alt="Your Image">
</div>

CSS代碼：

.image-mask {
  position: relative;
  width: 200px; /* 你可以根據(jù)需要設(shè)置寬度 */
  height: 200px; /* 你可以根據(jù)需要設(shè)置高度 */
  border-radius: 50%; /* 將圖片設(shè)置為圓形 */
  mask: radial-gradient(circle, white 1px, transparent 1px); /* 創(chuàng)建鏤空效果 */
}

在這個(gè)示例中，border-radius: 50%將圖片設(shè)置為圓形。mask屬性用于創(chuàng)建鏤空效果，它接受一個(gè)徑向漸變函數(shù)radial-gradient，這個(gè)函數(shù)會(huì)創(chuàng)建一個(gè)從中心開始的圓形漸變，在這個(gè)例子中，漸變的顏色是白色和透明色，這意味著圖片的中心部分會(huì)顯示為白色，而周圍的部分則會(huì)顯示為透明色，從而實(shí)現(xiàn)鏤空效果。

你可以根據(jù)需要調(diào)整寬度、高度和漸變的顏色來得到不同的效果，這種方法可以實(shí)現(xiàn)圖片中間鏤空的效果，而且只需要使用CSS，不需要使用任何圖像編輯軟件。