在網頁設計中，圖片是非常重要的一個元素。而在使用CSS時，我們可能需要調整圖片大小以便更好地展示。下面我們來講講如何使用CSS來調整圖片大小。 首先，我們需要準備一張圖片。比如說下面這張：

<img src="https://picsum.photos/400/300" alt="一張圖片">

這是從一個圖片網站上隨機獲取的一張圖片，并且設置了寬度為400像素、高度為300像素。這里我們使用了標簽來插入圖片，并設置了圖片的src和alt屬性。 接下來，我們來講講如何使用CSS來調整圖片大小。在CSS中，我們可以通過width和height屬性來調整圖片的大小。比如說，我們想讓這張圖片的寬度變成300像素，高度變成200像素。可以這樣寫：

img {
width: 300px;
height: 200px;
}

這里我們使用了img選擇器來選擇所有的圖片，并設置了寬度和高度。需要注意的是，我們通常只設置其中一個屬性，另一個屬性會按比例自動調整。 另外，我們還可以使用max-width和max-height屬性來限制圖片的最大大小。這樣做有助于防止圖片變得過大，影響頁面的加載速度。比如說，我們想限制這張圖片的寬度最多只能為500像素，可以這樣寫：

img {
max-width: 500px;
height: auto;
}

這里我們設置了max-width屬性為500像素，并且把高度設置為自動。這樣做可以保證圖片按比例縮小，而不會變形。同時也確保了圖片不會超過500像素的寬度。 總的來說，在CSS中調整圖片大小有很多方式，我們只需根據需要選擇最適合的方式即可。希望本篇文章可以幫助大家更好地使用CSS來調整圖片大小。