在網頁設計中，插入圖片是經常需要的。而對于圖片的大小調整，CSS可以幫助我們輕松完成。
在HTML中，我們可以使用標簽來插入圖片。例如：
但是，如果想要對圖片進行大小調整，我們就需要使用CSS來設置其寬度和高度。
使用CSS的width屬性設置寬度
要設置圖片的寬度，我們可以使用CSS的width屬性，例如：
這樣，圖片的寬度就被設置為了200像素。同樣的，我們也可以使用height屬性設置高度，例如：
使用CSS的max-width屬性設置最大寬度
有時候，我們希望圖片可以根據瀏覽器窗口的大小進行自適應，但同時又不希望圖片太大而導致頁面排版混亂。這時，我們可以使用CSS的max-width屬性來設置圖片的最大寬度。例如：
這樣，圖片的寬度將自動調整為瀏覽器窗口的寬度，但不會超過其本身的寬度，保證了頁面的整潔。
同時，我們也可以使用max-height屬性設置圖片的最大高度，例如：
總結
CSS提供了多種方式來調整圖片的大小，包括width、height和max-width、max-height等屬性。我們可以根據需要選擇合適的方式來達到最佳的頁面效果。