在網頁開發中，圖片是不可或缺的元素。但有時候圖片尺寸與頁面布局不太匹配，就需要調整圖片的寬度。那么在 CSS 中，如何設置圖片的寬度呢？ 首先，我們可以使用 CSS 的 width 屬性來設置圖片的寬度。下面是示例代碼：

img {
width: 50%;
}

上述代碼意味著將圖片的寬度設置為頁面寬度的百分之五十。這樣就可以讓圖片與頁面布局更加協調。 另外，如果我們只想改變某個特定的圖片的寬度，可以給該圖片添加一個獨特的 ID，然后在 CSS 中使用該 ID 進行定位和設置。下面是示例代碼：

#myImg {
width: 200px;
}

上述代碼意味著將 ID 為 myImg 的圖片的寬度設置為 200 像素。這樣就可以精確地控制某個特定圖片的大小。 需要注意的是，如果圖片的原始大小比設置的寬度小，則不會出現拉伸等不良效果。而如果圖片的原始大小比設置的寬度大，則會按比例縮放圖片，以適應設置的寬度。因此，在設置圖片寬度時，應該根據實際情況，選擇合適的比例和寬度。 綜上所述，CSS 中設置圖片寬度的方法較為簡單，使用 width 屬性即可輕松實現。同時，需要根據實際情況靈活調整圖片尺寸，以達到最佳的頁面效果。