CSS圖片的寬高修改方法

在CSS中，我們可以使用width和height屬性來(lái)修改圖片的寬度和高度，這兩個(gè)屬性都接受像素、百分比、em等單位，下面是一些示例：

1、像素單位

如果你想要將圖片的寬度修改為300像素，高度修改為200像素，你可以這樣寫：

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

2、百分比單位

如果你想要將圖片的寬度修改為寬度的50%，高度修改為高度的60%，你可以這樣寫：

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

3、em單位

em單位相對(duì)于當(dāng)前元素的字體大小，如果你想要將圖片的寬度修改為1em，高度修改為1.5em，你可以這樣寫：

img {
  width: 1em;
  height: 1.5em;
}

需要注意的是，如果你修改的圖片是背景圖片，那么你需要使用背景圖片的相關(guān)屬性來(lái)修改，比如background-size。

div {
  background-image: url('path/to/image.png');
  background-size: 300px 200px; /* 寬度300像素，高度200像素 */
}

就是CSS中修改圖片寬高的方法，希望對(duì)你有所幫助！