我們在網站開發中經常使用圖片來美化頁面效果。但是有時圖片顯示的大小、位置等不符合設計要求，就需要對圖片進行調整。 CSS提供了多種方式對圖片進行調整：設置寬高、居中、布局等。 首先，我們可以通過設置寬高來調整圖片的大小。可以使用width和height屬性設置圖片的寬和高，示例代碼如下：

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

上述代碼將圖片的寬和高都設置為200像素。但是需要注意的是，使用這種方式調整圖片大小可能會變形，不同的圖片寬高比例不同，需要根據實際情況進行調整。 其次，我們也可以通過設置margin和padding來調整圖片的位置。可以使用margin和padding屬性設置圖片與周圍元素的距離，示例代碼如下：

img{
margin: 10px auto;
padding: 10px;
}

上述代碼將圖片與周圍元素的距離設置為10像素，并且設置圖片的內邊距為10像素。通過調整margin和padding屬性可以讓圖片居中或左右對齊等，根據實際情況進行調整。 最后，如果需要進行多個圖片的布局，可以使用CSS的float屬性來實現。可以將多個圖片用一個div包裹起來，然后設置float屬性使它們水平排列，示例代碼如下：

div{
width: 100%;
}
img{
float: left;
width: 33.33%;
}

上述代碼將多個圖片用div包裹起來，設置div寬為100%，然后通過設置img的寬為33.33%來實現三張圖片并排布局。 通過上述方式調整圖片可以讓頁面更加美觀，需要根據實際情況進行調整。