在CSS中，我們可以使用多種方法來控制圖片的大小，以下是一些常用的方法：

1、使用width和height屬性：

- 通過設(shè)置圖片的寬度（width）和高度（height）來控制圖片的大小。

- img { width: 200px; height: 100px; } 將圖片寬度設(shè)置為200像素，高度設(shè)置為100像素。

2、使用max-width和max-height屬性：

- 這些屬性允許圖片在其容器內(nèi)自由縮放，但不超過指定的***大寬度和高度。

- img { max-width: 100%; max-height: 100%; } 將圖片的***大寬度和高度都設(shè)置為100%。

3、使用min-width和min-height屬性：

- 這些屬性指定圖片的***小寬度和高度，確保圖片在容器中不會縮小到無法識別。

- img { min-width: 200px; min-height: 100px; } 將圖片的***小寬度設(shè)置為200像素，***小高度設(shè)置為100像素。

4、使用object-fit屬性：

- 這個屬性可以改變圖片的填充方式，如覆蓋（cover）、包含（contain）等。

- img { object-fit: cover; } 將圖片裁剪并填充到其容器中，確保容器內(nèi)始終有圖片覆蓋。

5、使用border-radius屬性：

- 這個屬性可以為圖片添加圓角，改變圖片的外觀。

- img { border-radius: 10px; } 將圖片的圓角半徑設(shè)置為10像素。

6、使用box-shadow屬性：

- 這個屬性可以為圖片添加陰影效果，增加圖片的層次感。

- img { box-shadow: 10px 10px 5px #888; } 將圖片添加陰影，偏移10像素，模糊距離為5像素，顏色為#888。

7、使用transform屬性：

- 這個屬性可以對圖片進行各種變換，如縮放、旋轉(zhuǎn)等。

- img { transform: scale(0.5); } 將圖片縮小到原來的50%。

8、使用filter屬性：

- 這個屬性可以對圖片應(yīng)用各種濾鏡效果，如灰度、模糊等。

- img { filter: grayscale(1); } 將圖片轉(zhuǎn)換為灰度模式。

通過巧妙地結(jié)合這些CSS屬性，你可以輕松控制圖片的大小、形狀、陰影、變換和濾鏡效果，為你的網(wǎng)頁增添豐富的視覺效果。