CSS控制圖片大小的方法

在CSS中，我們可以使用width和height屬性來控制圖片的大小，這些屬性可以指定圖片的寬度和高度，從而改變圖片的大小。

如果我們有一張圖片，并希望將其寬度設(shè)置為200像素，高度設(shè)置為300像素，我們可以使用以下CSS代碼：

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

這將使所有圖片元素的寬度變?yōu)?00像素，高度變?yōu)?00像素，如果你只想改變特定圖片的大小，你可以給圖片添加一個類名，然后針對這個類名設(shè)置width和height屬性：

.my-image {
  width: 200px;
  height: 300px;
}

在你的HTML中，給圖片添加這個類名：

<img class="my-image" src="my-image.jpg" />

這樣，只有這張圖片的大小會被改變，注意，如果圖片的寬度和高度比例與原始圖片不同，圖片可能會被拉伸或壓縮，導致圖像失真，在設(shè)置圖片大小時，***好保持其原始的長寬比。