本文目錄導(dǎo)讀：

1. 使用width和height屬性
2. 使用scale()函數(shù)

怎么用CSS設(shè)計圖片大小

CSS（級聯(lián)樣式表）是一種用于描述HTML文檔樣式的語言，它可以控制網(wǎng)頁中元素的大小、顏色、字體等樣式，在網(wǎng)頁設(shè)計中，我們經(jīng)常需要控制圖片的大小，下面是一些使用CSS設(shè)計圖片大小的方法。

使用width和height屬性

在CSS中，我們可以使用width和height屬性來控制圖片的大小，這兩個屬性分別表示圖片的寬度和高度，如果我們想要將一張圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素，可以使用以下CSS代碼：

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

二、使用max-width和max-height屬性

除了width和height屬性外，CSS還提供了max-width和max-height屬性，這些屬性可以限制圖片的***大寬度和***大高度，如果我們想要將一張圖片的***大寬度設(shè)置為500像素，***大高度設(shè)置為300像素，可以使用以下CSS代碼：

img {
  max-width: 500px;
  max-height: 300px;
}

使用scale()函數(shù)

CSS的transform屬性中的scale()函數(shù)可以將圖片進行縮放，如果我們想要將一張圖片放大2倍，可以使用以下CSS代碼：

img {
  transform: scale(2);
}

需要注意的是，使用scale()函數(shù)進行縮放時，圖片的寬度和高度都會發(fā)生變化，而且可能會超出其原始大小，在使用該函數(shù)時需要注意其影響。

使用CSS設(shè)計圖片大小有多種方法，我們可以根據(jù)自己的需求選擇適合的方法來控制圖片的大小。