CSS中設置圖片大小是一個非常基礎的技巧。通常情況下，我們使用“width”和“height”屬性來控制圖片的尺寸和布局。這兩個屬性既可以通過CSS樣式表中定義的類名或標簽名，也可以直接在HTML標簽中使用。 例如，在CSS樣式表中定義一個名為“img-size”的類，我們可以通過下面的代碼來設置圖片大小： pre{ background-color: #eee; border: 1px solid #ccc; padding: 10px; } p{ font-size: 18px; line-height: 1.5; margin-bottom: 20px; } .img-size{ width: 200px; height: 150px; } 然后，在HTML中使用該類：

這是一個圖片：

可以看到，上面的CSS代碼通過定義一個名為“img-size”的類，設置了一個指定的圖片寬高。 除了使用類名之外，我們還可以直接在HTML標簽中使用width和height屬性。例如：

這是一個圖片：

我們也可以只設置其中的一個屬性，另一個屬性則會按比例自動計算。

這是一個圖片：

以上代碼會讓圖片寬度自動調整為200px，而高度則會按照原始比例自動計算。同樣地，我們也可以只設置高度屬性。

這是一個圖片：

使用CSS設置圖片大小是非常方便的。通過定義一個類或直接在HTML中使用width和height屬性，我們可以很容易地控制圖片的尺寸和布局。