CSS是前端開發中非常重要的一種技術，它可以使我們更好的控制網頁的樣式和布局。在網頁中，通常會使用圖片來美化頁面或功能展示，然而，圖片的大小對于網站的加載速度是非常關鍵的，因此，在使用圖片時，我們需要對其大小進行控制。下面，我們來介紹一些CSS中控制圖片大小的方法： 1. 使用width和height屬性 我們可以使用CSS中的width和height屬性來控制圖片的寬度和高度。例如，我們將圖片的寬度設置為200像素，高度設置為100像素，代碼如下：

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

這樣就可以將圖片的大小控制在200x100像素內了。 2. 使用max-width和max-height屬性 當我們想要使圖片在不失真的情況下自適應網頁的大小時，可以使用max-width和max-height屬性。例如，我們將圖片最大寬度設置為100%、最大高度設置為200像素，代碼如下：

img{
max-width:100%;
max-height:200px;
}

這樣，圖片就可以隨著網頁的大小自適應，且最大高度不會超過200像素。 3. 使用background-size屬性 如果我們想要控制背景圖片的大小，可以使用CSS中的background-size屬性。例如，我們將背景圖片的大小設置為200x100像素，代碼如下：

div{
background-image:url('image.jpg');
background-size:200px 100px;
}

這樣，背景圖片就可以被縮放至200x100像素大小。 以上就是一些常用的控制圖片大小的方法，通過有效的控制圖片大小，我們可以加快網站的加載速度，提高用戶的體驗。