今天我們來介紹一下CSS中如何截取圖片的方法。CSS中有一個屬性“background-image”，我們可以通過它來實現圖片的截取。 首先我們需要設置一個固定大小的容器，在容器中設置背景圖片，然后通過“background-position”屬性來控制圖片在容器中的截取位置，最終就能實現圖片截取的效果。 下面是CSS截取圖片的代碼：

.container {
width: 200px;
height: 200px;
background-image: url("圖片鏈接");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
overflow: hidden;
}

上面的代碼中，“background-image”設置了圖片鏈接，“background-repeat”設置為“no-repeat”表示不重復平鋪圖片，“background-size”將圖片大小設置為與容器大小相等，“background-position”設置為“center center”表示圖片在容器中居中截取。 最后，由于我們只需要截取圖片的一部分，如果容器大小不足以將整個圖片顯示出來，那么就需要設置“overflow:hidden”屬性來裁剪超出容器大小的部分。 通過上面的代碼我們就能夠實現圖片的截取效果了，這種方法不僅簡單易用，還能夠提升頁面加載速度，非常實用。