如何修改CSS圖片大小

在CSS中，我們可以使用width和height屬性來(lái)修改圖片的大小，這兩個(gè)屬性分別表示圖片的寬度和高度，下面是一個(gè)簡(jiǎn)單的示例：

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

上述代碼將把圖片的大小修改為寬度200像素，高度300像素，注意，這里的img是指的圖片元素，如果你需要修改的是某個(gè)特定圖片的大小，你可以給圖片添加一個(gè)類(lèi)名或者ID，然后在CSS中針對(duì)這個(gè)類(lèi)名或者ID來(lái)設(shè)置寬度和高度。

如果你需要保持圖片的長(zhǎng)寬比，你可以只設(shè)置寬度或者高度其中一個(gè)屬性，另一個(gè)屬性可以設(shè)置為auto，CSS會(huì)自動(dòng)計(jì)算并調(diào)整另一個(gè)屬性的值，以保持圖片的長(zhǎng)寬比不變。

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

上述代碼將只修改圖片的寬度為200像素，高度自動(dòng)調(diào)整，以保持圖片的長(zhǎng)寬比不變。

需要注意的是，CSS中的圖片大小修改只是針對(duì)HTML中的圖片元素而言的，如果你是在其他位置（如PDF、Word文檔等）使用的圖片，CSS是無(wú)法進(jìn)行大小修改的。