CSS截斷圖片是一種常見的網頁設計技巧，它可以讓圖片在展示時只顯示選定的部分，從而實現更好的排版效果。下面介紹一些常用的CSS截斷圖片方法：

/* 方法一：使用background-image和background-position */
.cut-img1 {
width: 200px;
height: 200px;
background-image: url("image.jpg");
background-position: center center;
background-size: cover;
}
/* 方法二：使用position和overflow */
.cut-img2 {
width: 200px;
height: 200px;
position: relative; /* 設置為相對定位 */
overflow: hidden;   /* 隱藏超出邊界的部分 */
}
.cut-img2 img {
position: absolute;  /* 絕對定位，相對于包含元素 (.cut-img2) */
left: -20px;         /* 設置偏移量，讓圖片超出邊界 */
top: -20px;
}
/* 方法三：使用clip-path屬性 (需瀏覽器支持) */
.cut-img3 {
width: 200px;
height: 200px;
background-image: url("image.jpg");
clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%); /* 自定義裁剪路徑 */
}

以上是幾個常用的CSS截斷圖片的方法，根據實際需求選擇最適合的方法即可。需要注意的是，使用position屬性截斷圖片時，要記得給包含元素設置position: relative。