設置圖片對齊是CSS樣式中的一項基礎技能，設計好的對齊樣式能夠讓網站頁面更加美觀。在CSS中，我們可以使用text-align和vertical-align來分別設置圖片的水平對齊和垂直對齊。
text-align用于控制圖片水平對齊方式，它有三個值可選，分別是left（左對齊）、center（居中對齊）和right（右對齊）。比如：

img {
text-align: center;
}

這個代碼片段可以讓頁面中的圖片在水平方向上居中對齊。
而vertical-align則用于控制圖片的垂直對齊方式，它同樣有三個值可選，分別是top（頂部對齊）、middle（居中對齊）和bottom（底部對齊）。如果想讓圖片垂直方向上居中對齊，可以這樣寫：

img {
display: inline-block;
vertical-align: middle；
}

這里需要將圖片的display屬性設置為inline-block，才能讓它垂直方向上居中對齊。vertical-align屬性的值為middle，表示圖片垂直居中，這個樣式可以讓網頁中的內容更加美觀。
在實際應用中，我們通常要同時設置圖片的水平和垂直對齊，可以這樣寫：

img {
display: inline-block;
margin: auto;
text-align: center;
vertical-align: middle;
}

這個代碼片段使用了margin屬性將圖片居中，text-align和vertical-align屬性分別控制了圖片的水平和垂直對齊。
總之，設置好圖片對齊樣式可以讓網頁更加整潔美觀，不僅可以提高用戶體驗，還能增加網站的識別度和美感。掌握好text-align和vertical-align屬性的使用方法，相信您也可以設計出一款漂亮的網頁。