CSS是前端開發中很重要的一部分，其中一個重要的功能就是控制網頁中的圖片的寬度。下面介紹幾種不同的方法。

img {
width: 100px;
}

以上代碼表示將img標簽的寬度控制為100像素。這種方法的缺點是每張圖片都需要手動設置寬度，如果有很多圖片，代碼量就會非常大。

.container {
width: 500px;
}
.container img {
width: 100%;
}

以上代碼表示將img標簽的寬度設為其父元素寬度的百分之百，即父元素有多寬，圖片就有多寬。這種方法的優點是只需要在父元素中設置寬度即可，適用于多張圖片的情況。

.container {
width: 500px;
}
.container img {
max-width: 100%;
}

以上代碼表示將img標簽的最大寬度設為其父元素寬度的百分之百，即圖片最大寬度為父元素寬度，但不一定會達到最大寬度。這種方法可以保證圖片不會超出容器而導致頁面布局出現問題。

以上就是幾種常用的方法控制圖片寬度的代碼示例。在實際開發中，還需要根據具體情況進行選擇使用哪種方法。