CSS是一種用來控制網頁樣式的語言，它可以很方便地控制圖片的尺寸和形狀。下面我們將介紹幾種方法來控制圖片的形狀。

/* 使用border-radius屬性來控制圖片的圓角 */
img{
border-radius: 50%;
}

上面的代碼可以將圖片變成圓形。border-radius屬性用來設置圓角的弧度，50%表示將四個角都設置成半徑為寬度一半的圓角。

/* 使用clip-path屬性來裁剪圖片的形狀 */
img{
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

上面的代碼可以將圖片變成一個凸四邊形。clip-path屬性可以通過多邊形來裁剪圖片，polygon函數需要傳入多個點的坐標來定義多邊形的形狀。

/* 使用object-fit屬性來控制圖片的填充方式 */
img{
width: 200px;
height: 200px;
object-fit: cover;
}

上面的代碼可以將圖片按比例縮放并填滿容器，在容器中居中顯示。object-fit屬性用來控制圖片的填充方式，cover表示拉伸圖片，使其至少填滿容器且不失真。

通過以上三種方式，我們可以很方便地控制圖片的形狀。在實際開發中，我們可以根據具體場景來選擇合適的方式。