CSS圓形圖片在頁面設計中非常常見，它可以讓我們的頁面更加美觀和吸引人。下面我們來看一下如何使用CSS制作圓形圖片。

.img-circle{
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}

代碼中，我們通過設置元素的寬度和高度相等，并將邊框半徑設置為50%，就可以實現圓形效果。

當然，我們也可以使用background-image屬性來設置背景圖片，并通過background-size:cover;來讓背景圖片充滿整個圓形元素。

.img-circle{
width: 100px;
height: 100px;
border-radius: 50%;
background-image: url('img/avatar.jpg');
background-size: cover;
overflow: hidden;
}

通過這種方式，我們可以實現帶有圖片的圓形效果。

最后，我們來看一下如何在Spring MVC中使用CSS圓形圖片。我們先在頁面中添加一個img標簽，并設置對應的類名：

<img src="img/avatar.jpg" class="img-circle" />

然后我們在Spring MVC的Controller中添加對應的請求處理方法：

@RequestMapping("/avatar")
public String avatar(Model model){
//處理業務邏輯
model.addAttribute("avatarPath","img/avatar.jpg");
return "avatarPage";
}

最后，我們將對應的CSS樣式添加到頁面中即可：

.img-circle{
width: 100px;
height: 100px;
border-radius: 50%;
background-image: url('${avatarPath}');
background-size: cover;
overflow: hidden;
}

通過以上步驟，我們就可以在Spring MVC中使用CSS圓形圖片了。