使用CSS設置圖像大小 使用CSS可以輕松地設置網頁中圖像的大小，無需修改原始的圖像文件。 通過以下步驟，可以學會如何設置圖像大小。 第一步：將圖像添加到HTML文檔中。 例如：

<img src="example.jpg">

第二步：使用CSS選擇器選擇要調整大小的圖像。 例如，為圖像添加一個類：

<img src="example.jpg" class="resize">

第三步：在CSS中設置圖像的大小。 以下是設置圖像寬度和高度的示例：

.resize {
width: 200px;
height: 100px;
}

這將使圖像寬度為200像素，高度為100像素。 你還可以使用百分比來調整圖像大小。例如，將圖像縮小到原來的50%：

.resize {
width: 50%;
height: 50%;
}

最后，你還可以使用max-width和max-height屬性來確保圖像不超出指定尺寸。 例如，將圖像的最大寬度設置為500像素：

.resize {
max-width: 500px;
height: auto;
}

在這個例子中，高度屬性設置為“自動”，這意味著高度將自動調整以保持圖像的原始寬高比。 總結 通過使用CSS，可以為網頁中的圖像輕松地設置大小。我們可以使用width和height屬性，也可以使用max-width和max-height屬性來確保圖像不超出指定尺寸。