在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常會(huì)涉及到截取固定大小的圖片。在CSS中，我們可以通過background-image來設(shè)置圖片的背景，通過background-size來控制圖片的大小，如果圖片尺寸大于容器尺寸，可以通過background-position來截取想要顯示的部分。

.container {
width: 200px;
height: 200px;
background-image: url('image.jpg');
background-size: cover;
background-position: center center;
}

在上述代碼中，容器的寬高都為200px，圖片的尺寸大于200px，通過設(shè)置background-size為cover，圖片將自動(dòng)縮放到容器大小，并保持比例，再通過設(shè)置background-position為中心點(diǎn)來顯示圖片的中間部分。如果想要顯示圖片的其他部分，可以根據(jù)需要調(diào)整background-position的值。

另外，如果圖片尺寸小于容器尺寸，可以通過background-repeat來進(jìn)行重復(fù)，有repeat、repeat-x、repeat-y以及no-repeat幾種可選值。

.container {
width: 200px;
height: 200px;
background-image: url('image.jpg');
background-size: auto;
background-repeat: repeat;
}

在上述代碼中，圖片尺寸小于容器大小，通過設(shè)置background-size為auto，圖片大小將與原圖大小保持一致，再通過設(shè)置background-repeat為repeat，圖片會(huì)自動(dòng)重復(fù)鋪滿整個(gè)容器。

CSS中的圖片截取方法非常實(shí)用，可以通過調(diào)整不同的屬性值來實(shí)現(xiàn)不同的顯示效果，提升用戶體驗(yàn)。