如何使用CSS設置img圖片大小

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

我們來看一下width屬性，這個屬性可以指定圖片的寬度，如果我們想要將一張圖片的寬度設置為200像素，我們可以這樣寫：

img {
  width: 200px;
}

我們來看一下height屬性，這個屬性可以指定圖片的高度，如果我們想要將一張圖片的高度設置為300像素，我們可以這樣寫：

img {
  height: 300px;
}

需要注意的是，如果圖片的長寬比與指定的寬度和高度不匹配，那么圖片可能會被拉伸或壓縮，為了避免這種情況，我們可以使用object-fit屬性來指定圖片的填充方式，如果我們想要圖片在保持長寬比的同時填充整個容器，我們可以這樣寫：

img {
  width: 200px;
  height: 300px;
  object-fit: cover;
}

這樣，圖片就會保持原有的長寬比，同時填充整個容器，希望這篇文章能幫助你更好地使用CSS來設置img圖片的大小。