CSS設置圖片大小的方法

在CSS中，我們可以使用width和height屬性來設置圖片的大小，以下是一些示例代碼：

1、設置圖片寬度為200像素，高度為300像素：

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

2、設置圖片寬度為50%，高度為100px：

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

3、設置圖片寬度為自動，高度為200px：

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

需要注意的是，如果圖片的高度和寬度都設置為自動（auto），則圖片的大小將由瀏覽器自動調(diào)整，這可能會導致圖片變形或拉伸，在設置圖片大小時，建議***少設置一個維度（寬度或高度）的具體數(shù)值，以避免圖片變形。

CSS中的圖片大小設置也可以與HTML中的圖片標簽結(jié)合使用，以實現(xiàn)更靈活的圖片大小控制，在HTML中設置圖片的寬度和高度屬性，然后在CSS中進一步調(diào)整，但需要注意的是，HTML中的圖片大小設置會覆蓋CSS中的設置，因此建議先設置CSS中的圖片大小，再根據(jù)需要在HTML中進行微調(diào)。