CSS是一種強大的樣式表語言，可以使用它來更改網頁中的元素樣式，包括圖片。有時候我們需要更改圖片的大小來適應不同的網頁布局，這時就需要使用CSS來實現。如下是一個簡單的例子，來演示如何使用CSS更改圖片大小。 首先，我們需要在HTML文件中添加圖片元素。在這個例子中，我們使用img標簽來加載圖片，代碼如下：

<img src="example.jpg" alt="example">

接下來，在CSS文件中添加代碼來更改圖片大小。這里我們使用width和height屬性來設置圖片的大小，代碼如下：

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

這段代碼將把圖片的寬度設置為300像素，高度設置為200像素。在實際應用中，我們可以根據需要來更改這個數值。 需要注意的是，當設置了圖片的寬度和高度時，圖片可能會被拉伸或壓縮，導致變形。因此，我們最好設置一個固定的寬高比，來保持圖片的原始比例。如下是一個例子：

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

這里我們將圖片的寬度設置為300像素，高度自適應，這樣就不會出現變形的情況。 總之，使用CSS可以輕松地更改圖片大小，使圖片適應不同的網頁布局。需要注意的是，要保持圖片的原始比例，并根據實際需要來設置圖片的大小。