CSS是網頁設計中非常重要的一部分，它不僅可使網頁更美觀，還可以控制網頁的布局、字體、顏色等。而一些小細節的優化也同樣重要，比如如何隱藏CSS圖片外的多余部分。

img {
overflow: hidden;
}

如上代碼中的"overflow: hidden;"可以作用于img標簽，表示圖片外的部分隱藏。在網頁上展示圖片時，經常會出現因為圖片本身的大小和其他元素的位置造成的多余部分，這些部分不但影響網頁的美觀，還會干擾用戶的視線，體驗不好。使用"overflow: hidden;"可以隱藏掉多余的部分，使網頁更加整潔。

此外，根據CSS盒子模型的原理，元素的width和height屬性并不是對其內容部分的尺寸進行控制，而是對整個元素盒子的尺寸進行控制。因此，如果設置一個元素的width和height屬性后，如果元素內的圖片超出了這個尺寸，也會出現多余的部分。同樣可以使用"overflow: hidden;"將這些多余的部分隱藏掉，讓網頁更為美觀。

總之，在網頁設計中，細節上的優化同樣重要。使用CSS將圖片外的多余部分隱藏，可以使網頁更加美觀，增加用戶的體驗。