CSS樣式是前端開發中不可或缺的一部分，使用CSS樣式可以對網頁中的各種元素進行修改和美化。其中，修改圖片的尺寸也是常見的一項操作。下面就讓我們來學習一下如何使用CSS樣式修改圖片的尺寸。 首先，在HTML文檔中引入圖片，代碼如下：

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

接著，在CSS樣式表中對圖片進行尺寸修改的操作。如果我們想將圖片的寬度設置為200像素，高度自適應，則代碼如下：

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

這里我們使用了width屬性來設置圖片的寬度，同時將height屬性設置為auto，表示高度自適應。這樣修改后的圖片就會具備更好的顯示效果。 如果我們想將圖片的高度設置為150像素，寬度自適應，則代碼如下：

img {
height: 150px;
width: auto;
}

同樣的，我們使用了height屬性來設置圖片的高度，而將width屬性設置為auto表示寬度自適應。這樣修改后的圖片也能夠更好地適應頁面顯示。 除了以上兩種方法外，我們還可以使用max-width和max-height屬性來設置圖片的最大寬度和最大高度。如果我們希望圖片最大寬度為300像素，高度自適應，則代碼如下：

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

同樣的，如果我們希望圖片最大高度為200像素，寬度自適應，則代碼如下：

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

總結：以上就是使用CSS樣式修改圖片尺寸的方法，大家可以根據不同的需求選擇不同的方法。通過靈活運用CSS樣式，我們可以讓網頁中的圖片更好地適應頁面布局，并給用戶帶來更好的視覺體驗。