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

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

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

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

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

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

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

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

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

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