把圖片變成圓形CSS的方法

在CSS中，我們可以使用border-radius屬性將圖片變成圓形，border-radius屬性可以設(shè)置一個元素的邊框半徑，如果元素是圖片，那么圖片也會被裁剪成圓形。

我們需要將圖片放入一個div元素中，然后給這個div元素添加CSS樣式。

<div class="circle-image">
    <img src="image.jpg" alt="圖片描述">
</div>

我們可以給這個div元素添加CSS樣式，將圖片變成圓形：

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

在這個樣式中，border-radius屬性設(shè)置為50%，表示將圖片裁剪成圓形，width和height屬性設(shè)置圖片的寬度和高度，這里我們設(shè)置為200px，overflow屬性設(shè)置為hidden，表示超出div元素的部分圖片將被隱藏。

這樣，圖片就會變成圓形了，我們可以根據(jù)需要調(diào)整width、height和border-radius屬性的值，以達到不同的效果。