CSS（層疊樣式表）可以實現很多有趣的效果，其中就包括修改圖片的大小。在許多網頁中，合適的圖片大小可以使頁面更加美觀，更容易瀏覽。下面就來介紹一下在CSS中如何修改圖片大小。
在HTML代碼中，需要使用<img>標簽來插入圖片。上面的代碼片段就是一個插入圖片的例子。其中的class屬性可以為該圖片指定一個類名為“pic”，后面的CSS代碼會使用該類名來修改該圖片的大小。
.pic {
width: 200px;
height: 200px;
}上面的CSS代碼就是為類名為“pic”的圖片指定了寬度和高度，分別為200像素。只需要將代碼放在HTML文件的<head>標簽中即可生效。
當然，只指定寬度或高度也是可以的，比如：
.pic {
width: 200px;
}這樣就只會將該圖片的寬度修改為200像素，而高度則會根據比例自適應調整。同樣，只需將代碼放在HTML文件的<head>標簽中即可生效。
除了使用固定的像素值來指定圖片大小外，還可以使用百分比或em等相對單位，比如：
.pic {
width: 50%;
height: 50%;
}這樣就會將該圖片的寬度和高度都設置為其父元素的50%。同樣的，只需將代碼放在HTML文件的<head>標簽中即可生效。
綜上所述，CSS提供了多種方式來修改圖片大小，可以根據實際需要進行選擇和調整。合適的圖片大小可以使網頁更加美觀，提升用戶體驗。