在網頁設計中，圖片的使用十分重要。但有時，我們可能需要對圖片進行一些特殊的處理，比如隱藏圖片的一部分。這時，CSS中的一些屬性就派上用場了。

首先，需要注意的是，不同的情況下，隱藏圖片的一部分可能需要使用不同的方法。比如，如果要隱藏圖片的上方或下方，可以使用以下代碼：

img {
clip-path: inset(100px 0 0 0);
}

這里，clip-path: inset()屬性可以指定一個矩形區域，被指定區域內的部分將保留，而其它部分將被裁剪掉。其中，inset()函數中的四個參數分別表示頂部、右側、底部和左側的邊界距離。因此，上面的代碼將隱藏圖片的上100像素。

如果要隱藏圖片的左側或右側，可以將屬性修改為：

img {
clip-path: inset(0 0 0 100px);
}

這里的意思與前面的類似，只不過是將左側的邊界距離設為100像素。

不過，以上方法只適用于現代瀏覽器，并且需要使用-webkit-clip-path前綴來兼容一些舊版本的瀏覽器。

除了以上方式外，還可以使用position和overflow屬性來隱藏圖片的一部分。具體代碼如下：

.container {
position: relative;
overflow: hidden;
}
.container img {
position: absolute;
left: -100px;
}

這里，.container選取的是圖片所在的元素，position: relative;屬性指定了該元素的定位方式為相對定位。接著，overflow: hidden;屬性指定了該元素的溢出部分隱藏。最后，.container img選取的是圖片元素，并指定了其絕對定位以及左移100像素的位置，以此來隱藏圖片的左側部分。

綜上所述，利用CSS對圖片進行部分隱藏，可以讓網頁展現出更加靈活和多樣的效果，同時也能提升網頁設計的吸引力。