在網頁設計中，經常需要插入多個圖片，而這些圖片的大小可能需要根據不同的情況做出調整。CSS提供了多種方式來控制圖片的大小，下面我們來一一介紹。

/* 第一種方式：使用width和height屬性 */
img {
width: 200px; /* 寬度為200像素 */
height: 100px; /* 高度為100像素 */
}
/* 第二種方式：使用百分比 */
img {
width: 50%; /* 寬度為父元素寬度的50% */
height: auto; /* 高度自適應 */
}
/* 第三種方式：使用max-width和max-height屬性 */
img {
max-width: 100%; /* 最大寬度為父元素寬度 */
max-height: 300px; /* 最大高度為300像素 */
}
/* 第四種方式：使用object-fit屬性 */
img {
width: 200px; /* 寬度為200像素 */
height: 100px; /* 高度為100像素 */
object-fit: cover; /* 圖片按比例填充，可能會被裁剪 */
}
/* 第五種方式：使用background-image屬性 */
div {
width: 200px; /* 寬度為200像素 */
height: 100px; /* 高度為100像素 */
background-image: url("image.jpg"); /* 設置背景圖片 */
background-size: cover; /* 背景圖片按比例填充 */
background-position: center; /* 背景圖片居中 */
}

以上就是CSS控制多個圖片大小的五種常用方法，具體的使用要根據實際情況選擇合適的方式來實現美觀的設計。