在網頁設計中，經常需要使用圖片進行排版和裝飾，而CSS可以控制圖片的大小和位置，使得圖片能夠在網頁中更好地展示。其中，有時候需要讓圖片的寬度與父容器的寬度保持一致，即圖片要全寬，這個時候就需要使用一些特殊的CSS屬性。

img {
width: 100%;
height: auto;
}

上面的CSS代碼可以將圖片的寬度設置為100%（即與包含它的父容器寬度一致），同時讓高度自適應，以保持圖片的比例不變。這樣，無論父容器多寬，圖片也會隨之變化，達到全寬的效果。

上述CSS代碼對于單個的圖片非常有效，但是如果頁面中有多張圖片需要全寬展示，可以使用下面的代碼：

img.full-width {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

上面的CSS代碼在img標簽上添加了一個.full-width的自定義類名，并添加了一些額外的屬性。其中，display: block可以將圖片的顯示方式從默認的inline轉為block，從而可以在父容器中居中顯示。而margin: 0 auto則可以實現居中的效果。

除了以上兩種方式之外，也可以使用background-image屬性將圖片作為背景，然后使用background-size: cover屬性將圖片拉伸至全寬。但是這種方式對于父容器的大小控制比較困難，一般用于特定的排版需求。

總之，在網頁設計中，圖片的全寬展示是很常見的需求，掌握好CSS的屬性，可以讓圖片更好地融入到網頁中，提高用戶的瀏覽體驗。