在CSS中改變圖片的大小是一種常用的技術(shù)，可以通過調(diào)整圖片的寬度和高度來實現(xiàn)，下面是一些示例代碼，展示如何在CSS中改變圖片的大?。?/p>

1、改變圖片的寬度和高度：

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

上述代碼將圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素，你可以根據(jù)需要調(diào)整這些值。

2、使用百分比設(shè)置圖片大小：

img {
  width: 50%;
  height: 50%;
}

這段代碼將圖片的寬度和高度都設(shè)置為容器寬度的50%，這種方法在響應(yīng)式設(shè)計中很有用，可以確保圖片在不同屏幕尺寸下都能保持適當?shù)拇笮　?/p>

3、保持圖片寬高比：

img {
  width: 100%;
  height: auto;
}

這段代碼將圖片的寬度設(shè)置為容器的100%，高度自動調(diào)整以保持原始圖片的寬高比，這種方法可以確保圖片在保持大小的同時不失真。

4、使用max-width和max-height：

img {
  max-width: 100%;
  max-height: 100%;
}

這段代碼將圖片的***大寬度和高度都設(shè)置為容器的100%，如果圖片本身大于這個尺寸，它會被縮放以適應(yīng)容器，但不會超過這個尺寸。

通過調(diào)整CSS中的這些屬性，你可以輕松地改變圖片的大小，使其適應(yīng)不同的布局和設(shè)計需求。