<前言>網頁設計中，圖片的大小和排版非常重要。為了控制圖片的寬高，CSS提供了一些方便的屬性和方法。本文將介紹如何使用CSS控制圖片寬高，使你的網頁排版更加美觀和專業。

控制圖片寬高的屬性有三種：width、height和max-width。

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

其中，width和height屬性分別表示圖片的寬度和高度。如果只設置其中一個屬性，另一個屬性會自動按比例縮放。max-width屬性表示圖片的最大寬度，當圖片寬度超出該值時，會自動縮放至最大寬度。

有時候，為了使圖片和其他元素協調，我們需要將圖片作為背景圖，此時可以使用background-size屬性。

div{
background-image: url('example.jpg');
background-size: cover;
}

其中，background-image屬性用于設置背景圖片，background-size屬性表示背景圖片的尺寸。cover屬性表示背景圖片會自動縮放至與容器大小相等，保持寬高比。

總的來說，通過控制CSS中的圖片寬高屬性，可以達到更加靈活的排版效果，使你的網頁更加具有吸引力和專業感。