CSS是一種可以控制網頁樣式的語言，其中包括控制圖片寬度的功能。在HTML中，我們一般使用標簽插入圖片，而要控制圖片的寬度，就需要使用CSS。
img {
width: 50%;
}上面這段CSS代碼表示將圖片的寬度設置為父元素寬度的50%。具體來說，以一個包裹圖片的
元素為例，如果該
元素寬度為800px，那么圖片的寬度將為400px。
如果想讓圖片寬度與高度保持一定比例，可以只設置寬度，讓高度自動適應。
img {
width: 300px;
height: auto;
}上面這段CSS代碼表示將圖片的寬度設置為300px，高度自適應。這樣，當圖片本身比例不是1:1時，高度也會相應變化，保證了比例的正確性。
除了直接設置寬度，我們還可以使用max-width屬性控制圖片的最大寬度，保證圖片不會超出容器范圍。
img {
max-width: 100%;
}上面這段CSS代碼表示將圖片的最大寬度設置為父元素寬度的100%，也就是不超出容器的范圍。
總結一下，我們可以使用width屬性直接設置圖片寬度，也可以配合height屬性保持比例。另外，為了保證圖片不超出容器范圍，我們可以使用max-width屬性。這些屬性的使用，可以讓我們更靈活地控制圖片的寬度。