在CSS中，我們可以通過使用width和height屬性改變圖片的大小。這兩個屬性可以用來指定圖片的寬度和高度，單位可以是像素（px）或百分比（%）。

// 將圖片寬度設置為200像素
img {
width: 200px;
}
// 將圖片高度設置為50%
img {
height: 50%;
}

但是要注意，如果只設置了width或height屬性，圖片的寬高比例可能會發生變化，導致圖片變形。因此，通常應該同時設置兩個屬性，以保持圖片的比例。

// 將圖片寬度設置為200像素，高度自適應
img {
width: 200px;
height: auto;
}
// 將圖片寬度設置為50%，高度自適應
img {
width: 50%;
height: auto;
}

還有一種常見情況是，我們希望把圖片縮小到一個固定的大小，同時保持其比例。這可以通過設置max-width和max-height屬性來實現。

// 將圖片最大寬度設置為200像素，最大高度設置為100像素
img {
max-width: 200px;
max-height: 100px;
}

這些屬性不僅可以應用于普通圖片，也可以用于背景圖片。可以在background-size屬性中指定大小。

// 將背景圖片最大寬度設置為200像素，最大高度設置為100像素
div {
background-image: url('bg.jpg');
background-size: contain; /* 調整圖片大小以保持其比例 */
max-width: 200px;
max-height: 100px;
}

使用這些屬性，我們可以輕松地在CSS中調整圖片的大小，以滿足設計需求。