CSS背景圖片左右對齊

.background {
background: url('image.png') no-repeat left center; /* 左對齊 */
background: url('image.png') no-repeat right center; /* 右對齊 */
}

在使用CSS設計頁面時，經常會用到背景圖片來美化網頁。但是在一些特殊的情況下，需要讓背景圖片左右對齊。這里介紹兩種實現左右對齊的方法。

第一種方法是使用左對齊，代碼如下：

.background {
background: url('image.png') no-repeat left center;
}

上面的代碼中，使用了background屬性來設置背景圖片，并將圖片的位置設置在左邊（左對齊）。

第二種方法是使用右對齊，代碼如下：

.background {
background: url('image.png') no-repeat right center;
}

上面的代碼中，同樣使用了background屬性來設置背景圖片，并將圖片的位置設置在右邊（右對齊）。

需要注意的是，以上兩種方法的代碼中，屬性值的中間必須使用空格分開。這是為了告訴瀏覽器背景圖片的位置和大小。