在web開發中，圖片不僅可以設置大小、位置等屬性，還可以設置其形狀。利用CSS的clip-path屬性，可以輕松地將圖片裁剪成不同的形狀。

img {
width: 300px;
height: 200px;
clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
}

上述代碼表示將圖片裁剪成一個不規則的四邊形。其中，polygon()中的參數分別表示每個點的坐標。在這里，我們可以多次使用polygon()，實現不同的形狀。

img.circle {
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover;
}

除了使用clip-path屬性，還可以利用border-radius屬性將圖片變成圓形。其中，border-radius的值必須為50%。為了充滿容器，我們可以利用object-fit屬性將圖片填滿圓形。

img.triangle {
width: 200px;
height: 0;
border-top: 100px solid red;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
}

要將圖片裁剪成三角形，可以利用border屬性模擬。在這里，我們將三角形的高設為0，底邊的長度設為200px，然后通過border-top、border-left、border-right將三角形的三條邊定義出來。

到這里，我們介紹了三種不同的方法來設置圖片的形狀。當然，這只是冰山一角，CSS還有更多強大的特性等待我們去探索。