在網站設計中，經常需要給圖片加上圓形的邊框，以達到美化頁面的目的。CSS提供了定義圓形圖片框的方法，下面就讓我們來一起學習吧。

/* 定義圓形圖片框的CSS樣式 */
.rounded-image {
width: 150px;  /* 設置圖片寬度 */
height: 150px; /* 設置圖片高度 */
border-radius: 50%; /* 設置邊框為圓形 */
overflow: hidden; /* 隱藏超出圓形邊框的部分 */
}
/* 在HTML中使用圓形圖片框 */
<div class="rounded-image">
<img src="example.jpg" alt="example">
</div>

如上所示，首先我們定義了一個樣式名為"rounded-image"的CSS樣式，該樣式擁有寬度、高度、圓角邊框以及隱藏超出邊框的圖片部分的屬性。接下來，在HTML中使用該樣式來定義圖片框，將圖片標簽放在樣式定義的div中即可。

注意，在使用圓形圖片框時，需要注意圖片的尺寸。由于邊框是圓形的，而不是矩形的，因此圖片寬度和高度應當保持一致，才能讓圓形邊框完美顯示。同時，該方法適用于img標簽的圖片，而對于背景圖像的處理可能需要另外的方法。

好的，通過上面的介紹，相信大家已經了解了如何使用CSS定義圓形圖片框了。在實際應用中，可以根據需要來調整樣式中的屬性，以達到最佳效果。