CSS3是一門強大的樣式語言，除了可以實現文本樣式的美化，還可以用它來給圖片添加樣式效果，比如常見的圖片切邊效果。原本需要使用 Photoshop 等工具來對圖片進行處理，現在只需要編寫少量的 CSS 代碼就可以輕松完成圖片切邊。

img {
border-radius: 50%;
}

以上代碼實現了將圖片切割成圓形的效果。在CSS3中，可以使用border-radius屬性來設置圖片切邊效果。該屬性接收1個或4個值，用于設置圓角，分別對應上、右、下、左四個角。如果只設置一個值，則四個角的圓角相等，采用單一的值。值可以是長度，也可以是百分比。

img {
border-radius: 10px / 30px;
}

以上代碼實現了將圖片切割成橢圓形的效果。使用border-radius屬性時，也可以使用兩個值，用正斜杠("/")分開，分別表示橫向半徑和縱向半徑。此時，切割出來的是一個橢圓形。

img {
clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
}

以上代碼實現了將圖片切割成菱形的效果。除了使用border-radius屬性，還可以使用clip-path屬性來切邊。該屬性用于設置裁剪區域，可以采用多邊形和圓形等幾何圖形。多邊形的頂點坐標需要用逗號分開，第一個點和最后一個點需要重合才能閉合。

總的來說，使用CSS3實現圖片切邊效果非常簡單方便，而且更加靈活，可以實現出各種各樣的效果。