使用CSS控制網頁中的圖片大小是一個很常見的需求。這篇文章將介紹如何使用CSS控制圖片大小的方法。 首先，我們需要在CSS中使用`width`和`height`屬性來控制圖片的大小。這兩個屬性都可以使用像素、百分比或其他單位來設置。例如，下面的CSS代碼可以讓圖片的寬度和高度都變成100像素：

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

如果我們只想改變圖片的寬度或高度，可以只設置`width`或`height`屬性。例如，下面的CSS代碼可以讓圖片的寬度變成50%：

img {
width: 50%;
}

為了讓文章中的圖片都按照同樣的大小顯示，我們可以在CSS中為所有圖片添加一個類，然后使用該類來設置圖片的大小。例如，下面的CSS代碼可以讓所有帶有`pic`類的圖片寬度為200像素，高度為150像素：

img.pic {
width: 200px;
height: 150px;
}

我們可以將該類添加到`img`標簽中，例如：

<img src="image.jpg" class="pic" />

這樣就可以讓該圖片寬度為200像素，高度為150像素。 另外，如果一個頁面中有多個圖片需要控制大小，我們也可以為它們定義不同的類或ID，并使用不同的CSS代碼來控制它們的大小。例如，下面的CSS代碼可以讓一個帶有`small`類的圖片寬度為50像素，高度為50像素，而一個帶有`big`類的圖片寬度為500像素，高度為500像素：

img.small {
width: 50px;
height: 50px;
}
img.big {
width: 500px;
height: 500px;
}

我們可以將這些類添加到不同的`img`標簽中來控制它們的大小。 總之，使用CSS控制網頁中的圖片大小是一個簡單而有用的技巧。我們可以根據自己的需求來選擇不同的方法來控制圖片大小，從而使網頁的排版更加美觀。