CSS中，經(jīng)常需要對某個圖片進(jìn)行裁剪或者隱藏。本文將介紹如何通過CSS，讓圖片只顯示需要的部分，而隱藏多余的部分。

首先，需要了解CSS中的background屬性。該屬性可以設(shè)置一個圖片作為背景，但是同時可以通過background-position屬性指定圖片在背景區(qū)域中的位置。設(shè)定一下background-size為100px*100px，position為center，則圖片位于橫向和縱向均居中的位置。

div{
background-image:url(image.jpg);
background-size:100px 100px;
background-position:center;
}

接下來，通過設(shè)置div的overflow屬性為hidden，可以讓超出該div區(qū)域的部分被隱藏起來。如果想對圖片進(jìn)行裁剪，可以通過指定background-size的寬度和高度，實現(xiàn)與div區(qū)域尺寸不同的圖片顯示。

div{
background-image:url(image.jpg);
background-size:50px 50px; /*寬高為50px*/
background-position:center;
overflow:hidden;
width:30px;
height:30px;
}

上述代碼中，div區(qū)域?qū)挾葹?0px，高度同樣為30px，但是背景圖片的寬高都為50px，因此只有部分圖片被顯示出來，而超出div區(qū)域的部分被隱藏起來。通過調(diào)整background-position，可以實現(xiàn)不同位置的圖片裁剪。