在網頁設計中，圖片元素的使用經常會涉及到超出部分隱藏的問題。有時候，我們需要將圖片的某些部分隱藏，以便整個頁面更有美感。這時候，我們可以使用 CSS 中的 overflow 屬性，來實現圖片超出部分的隱藏。

在使用 overflow 屬性時，可以將其設置為 hidden，即可實現圖片超出邊界的部分隱藏。代碼如下：

img {
width: 300px;
height: 200px;
overflow: hidden;
}

在上述代碼中，我們先設置了圖片的寬度和高度，然后使用 overflow 屬性將超出部分隱藏。這樣就可以實現圖片的部分隱藏了。

除了隱藏圖片的超出部分，我們還可以使用其他的屬性對圖片進行樣式的調整。例如，我們可以對圖片的邊框進行樣式設置：

img {
width: 300px;
height: 200px;
border: 1px solid black;
}

通過設置 border 屬性，我們可以為圖片添加邊框。同時，我們還可以設置圖片的圓角邊框，代碼如下：

img {
width: 300px;
height: 200px;
border-radius: 10px;
}

在上述代碼中，我們使用 border-radius 屬性為圖片設置了圓角邊框。這樣可以讓頁面更加美觀。

總之，在網頁設計中，使用 CSS 對圖片進行樣式調整非常重要。使用 overflow 屬性可以實現圖片超出部分的隱藏，同時還可以使用其他屬性對圖片進行美化。希望本篇文章對大家了解 CSS 圖片超出部分隱藏有所幫助。