今天我們來聊一下如何使用CSS來改變圖片的大小。這對于網頁設計師來說是一個基礎技能，因為你需要根據自己的需要來修改圖片的大小，使得頁面更加美觀。 首先，我們需要一個圖片。以下是一個示例圖片：

<img src="picture.jpg">

接著，我們可以使用CSS樣式來修改這張圖片的大小。下面是修改圖片大小的CSS代碼：

p img {
width: 50%;
height: auto;
}

這個CSS代碼的意思是，將所有在p標簽內的圖片縮小到原來的一半。我們設置了圖片的寬度為50%，高度自動適應。這樣做的好處是可以保持圖片的比例，避免拉伸變形。 如果你只想修改特定的圖片大小，而不是所有p標簽內的圖片，那么可以給這個圖片添加一個類名，然后在CSS中針對這個類名修改圖片大小。例如：

<img src="picture.jpg" class="small">
.small {
width: 200px;
height: 150px;
}

這個CSS代碼的意思是，將圖片的寬度設置為200像素，高度設置為150像素。注意，我們不需要設置高度的自動適應，因為我們已經確定了高度的大小。 總之，使用CSS來修改圖片大小是一個非常簡單的技能，也是網頁設計師必須要掌握的技能之一。只需要記住設置寬度和高度，保持比例和適配高度即可。