CSS是一種用于網(wǎng)頁呈現(xiàn)樣式的語言，其中的背景圖片對于網(wǎng)頁的美觀程度尤為重要。但是當你將圖片作為背景時，你可能會發(fā)現(xiàn)它并不是你期望的位置。這時候就需要用到CSS的background-position屬性了。

background-position: x-position y-position;

其中x-position和y-position用像素(px)、百分數(shù)(%)、左/右/中三個單詞來定義圖片的水平和垂直方向的位置。下面是一些例子：

background-position: 0px 0px; /* 左上角 */

background-position: 100px 50px; /* x軸100像素，y軸50像素 */

background-position: left top; /* 同0px 0px */

background-position: right bottom; /* 右下角 */

background-position: center center; /* 中心位置 */

除了單獨設置位置，你還可以使用多個背景圖片并分別設置它們的位置：

background: url(img1.png) center top, url(img2.png) center bottom;

這將給元素設置兩個背景圖片，第一個在中間頂部，第二個在中間底部。

在使用背景圖片時，我們還需要注意到圖像重復問題。如果圖片本身的大小不夠覆蓋整個元素，那么它可以在元素中重復出現(xiàn)。下面是一些重復背景圖片的基本設置：

background-repeat: repeat-x; /* 水平重復 */

background-repeat: repeat-y; /* 垂直重復 */

background-repeat: no-repeat; /* 不重復 */

background-repeat: repeat; /* 水平和垂直重復 */

以上就是CSS中關于背景圖片對齊和重復的基本內容，對于一張精美的圖片的呈現(xiàn)，恰當?shù)奈恢煤秃线m的重復是必要的。