在創(chuàng)建網(wǎng)站時(shí)，圖片是一個(gè)很重要的元素。有時(shí)候，我們需要改變圖片的大小來(lái)適應(yīng)不同的設(shè)備和屏幕大小。通過(guò)使用CSS，我們可以輕松地改變圖片的大小。

首先，我們需要選擇要改變大小的圖片。我們可以使用HTML中的<img>元素來(lái)插入圖片。

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

接下來(lái)，我們將使用CSS的width和height屬性來(lái)改變圖片的大小。如果不指定單位，則默認(rèn)是像素。

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

在這個(gè)例子中，我們將圖片的大小改變?yōu)?00像素寬和300像素高。如果我們只想改變圖片的寬度或高度，我們可以只指定一個(gè)屬性。

img {
width: 100%; /*將圖片寬度設(shè)置為父元素的100%*/
}

在這個(gè)例子中，我們將圖片的寬度設(shè)置為其父元素的100%。這意味著無(wú)論父元素有多寬，圖片的寬度也會(huì)隨之調(diào)整。

如果我們只想改變圖片的高度，我們可以使用height屬性。

img {
height: 200px;
}

在這個(gè)例子中，我們將圖片的高度設(shè)置為200像素。圖片的寬度將自動(dòng)隨比例調(diào)整。

總之，通過(guò)使用CSS，我們可以很容易地改變圖片的大小，以適應(yīng)不同的屏幕和設(shè)備大小。