CSS是一種用于網頁樣式設計的語言，它可以控制頁面中各個元素的樣式，包括圖片。在網頁設計中，我們常常需要對圖片設定大小，這樣才能使頁面布局更加美觀，用戶體驗更加舒適。那么，如何使用CSS給圖片設定大小呢？下面就來介紹一下。 首先，在HTML代碼中，我們可以通過`img`標簽插入一張圖片。例如以下代碼：

<img src="image.png" alt="圖片">

這段代碼將插入一張名為`image.png`的圖片，并添加了一個`alt`屬性，用于在圖片無法顯示時顯示一段替代文本。 接下來，我們就可以使用CSS控制圖片的大小。具體有以下兩種方式： 1. 使用`height`和`width`屬性 這兩個屬性可以用于設置圖片的高度和寬度。例如以下代碼將把圖片的寬度設定為200像素，高度自動跟隨寬度等比例縮放：

img {
width: 200px;
}

或者以下代碼將把圖片的高度設定為200像素，寬度自動跟隨高度等比例縮放：

img {
height: 200px;
}

2. 使用`max-height`和`max-width`屬性 這兩個屬性可以用于限制圖片的最大高度和最大寬度。例如以下代碼將把圖片的最大寬度設定為200像素，高度自動跟隨寬度等比例縮放：

img {
max-width: 200px;
}

或者以下代碼將把圖片的最大高度設定為200像素，寬度自動跟隨高度等比例縮放：

img {
max-height: 200px;
}

總結一下，使用CSS給圖片設定大小有兩種方式：一種是使用`height`和`width`屬性直接設置圖片的高度和寬度；另一種是使用`max-height`和`max-width`屬性限制圖片的最大高度和寬度。無論哪種方式，都可以使我們的網頁設計更加完美、用戶體驗更加舒適。