CSS是網頁設計中不可或缺的一部分，它可以讓我們輕松地控制網頁的樣式。其中一個比較常見的任務就是改變圖片的寬度。
首先，我們需要先在HTML中插入圖片?？梢酝ㄟ^以下代碼來插入一張圖片：

<img src="image.jpg" alt="My Image">

其中src屬性指定了圖片的路徑，而alt屬性則定義了當圖片無法顯示時應該顯示的文本。
接下來，我們可以使用CSS改變圖片的寬度。假設我們想將圖片的寬度設置為200像素，那么我們可以使用以下代碼：

p img {
width: 200px;
}

這段代碼中，我們使用了p選擇器來選擇所有包含圖片的段落。然后，我們使用width屬性來指定圖片的寬度為200像素。這樣，所有的圖片都會被縮放到相同的尺寸。
除了使用像素，我們還可以使用百分比來設置圖片的寬度。假設我們想將圖片的寬度設置為父元素寬度的一半，那么我們可以使用以下代碼：

p img {
width: 50%;
}

同樣，我們使用了p選擇器來選擇所有包含圖片的段落。然后，我們使用width屬性來指定圖片的寬度為父元素寬度的一半。
需要注意的是，在使用百分比設置圖片寬度時，需要確保它的父元素具有明確的寬度。否則，圖片的寬度將無法計算出來。
總之，通過使用CSS，我們可以輕松地改變圖片的寬度，從而讓網頁更加美觀。需要注意的是，我們可以使用不同的單位來設置圖片的寬度，但要確保它們始終相對于父元素而言。