CSS是網(wǎng)頁(yè)設(shè)計(jì)中不可或缺的一部分，它可以讓我們輕松地控制網(wǎng)頁(yè)的樣式。其中一個(gè)比較常見的任務(wù)就是改變圖片的寬度。
首先，我們需要先在HTML中插入圖片。可以通過以下代碼來(lái)插入一張圖片：

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

其中src屬性指定了圖片的路徑，而alt屬性則定義了當(dāng)圖片無(wú)法顯示時(shí)應(yīng)該顯示的文本。
接下來(lái)，我們可以使用CSS改變圖片的寬度。假設(shè)我們想將圖片的寬度設(shè)置為200像素，那么我們可以使用以下代碼：

p img {
width: 200px;
}

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

p img {
width: 50%;
}

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