CSS可以控制圖片的位置和對齊方式，使得網(wǎng)頁更加美觀。

img {
display: block;
margin: 0 auto;
}

使用這個CSS規(guī)則可以讓圖片水平居中對齊，其中display: block;可以讓圖片顯示為塊級元素，margin: 0 auto;可以讓圖片的左右margin自動對齊。

img {
display: block;
margin-left: auto;
margin-right: 0;
}

如果想要讓圖片右對齊，可以使用下面的CSS：

img {
display: block;
margin-left: auto;
margin-right: 0;
}

這個CSS規(guī)則中，margin-left: auto;可以讓圖片左側(cè)margin自動對齊，margin-right: 0;將圖片的右側(cè)margin設(shè)置為0，從而達到右對齊的效果。

除了對齊方式之外，CSS還可以控制圖片的位置。

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這個CSS規(guī)則可以讓圖片在頁面中居中顯示，其中position: absolute;可以讓圖片脫離文檔流，top: 50%;和left: 50%;將圖片的頂部和左側(cè)分別設(shè)置為頁面的50%，transform: translate(-50%, -50%);可以將圖片的中心點移動到頁面中心。