CSS可以通過設(shè)置border-radius屬性來裁剪圖片的四個角，具體步驟如下：

1、給圖片添加border-radius屬性，并設(shè)置四個角的裁剪樣式，設(shè)置四個角為圓角：

img {
  border-radius: 10px;
}

2、如果需要裁剪四個角為不同的形狀，可以使用斜杠(/)來分別設(shè)置每個角的樣式，設(shè)置左上角為直角，右上角為圓角，左下角為橢圓形角，右下角為三角形角：

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

3、如果需要進一步的***控制，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性來分別設(shè)置每個角的樣式：

img {
  border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 40px;
}

4、除了使用border-radius屬性外，還可以使用clip-path屬性來裁剪圖片，使用多邊形裁剪路徑來裁剪四個角：

img {
  clip-path: polygon(10%, 10%, 90%, 10%, 90%, 90%, 10%, 90%);
}

5、如果需要進一步的幫助或示例，可以參考CSS相關(guān)的文檔或在線資源。