如何用CSS制作一個(gè)圓形圖片？

在CSS中，我們可以使用border-radius屬性將圖片裁剪成圓形，以下是一個(gè)簡(jiǎn)單的示例：

1、我們需要一個(gè)圖片文件，假設(shè)我們有一個(gè)名為image.jpg的圖片文件。

2、我們可以使用HTML的img標(biāo)簽來顯示圖片：

<img src="image.jpg" id="circle-image" />

3、我們可以使用CSS的border-radius屬性來將圖片裁剪成圓形：

#circle-image {
    border-radius: 50%;
}

在這個(gè)示例中，#circle-image是圖片元素的ID，border-radius: 50%表示將圖片裁剪成圓形，注意，為了使圖片完全圓形，我們需要將border-radius設(shè)置為50%，如果圖片的高度和寬度不同，那么裁剪后的形狀可能會(huì)變形，為了確保圖片的圓形形狀，我們需要確保圖片的高度和寬度相同。

我們還可以使用CSS的width和height屬性來控制圖片的大小，我們可以將圖片的大小設(shè)置為100px：

#circle-image {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

這樣，我們就可以使用CSS來制作一個(gè)圓形圖片了。