在網頁設計中，經常需要將圖片放在某個特定位置。CSS中提供了豐富的屬性來控制圖片的位置和大小。其中，最基本的屬性是background-position。這個屬性可以指定圖片在背景中的位置。

background-position: 50% 50%;

上面的代碼表示將圖片水平和垂直方向都居中。我們可以使用其他的百分比值或者具體的像素值來進行定位：

background-position: 0 0; /*將圖片放在左上角*/
background-position: right bottom; /*將圖片放在右下角*/
background-position: center bottom; /*將圖片在水平方向上居中，垂直方向上放在底部*/

當設置了background-position屬性后，我們還可以使用background-size屬性來調整圖片的大小。如果我們想將圖片拉伸至鋪滿整個背景，可以這樣設置：

background-size: 100% 100%;

如果我們只想讓圖片高度鋪滿整個背景，寬度按照原比例縮放，可以這樣設置：

background-size: auto 100%;

除了使用background-position和background-size屬性外，我們還可以使用background-repeat屬性來控制圖片的重復方式。默認情況下，圖片會橫向和縱向均重復。如果我們只想讓圖片在水平方向上重復，可以這樣設置：

background-repeat: repeat-x;

同理，如果只想在垂直方向上重復，可以這樣設置：

background-repeat: repeat-y;

如果希望圖片不重復，在水平和垂直方向上都只顯示一次，可以這樣設置：

background-repeat: no-repeat;

總的來說，CSS提供了眾多的屬性來控制圖片的位置、大小和重復方式，只需要合理運用，就可以讓網頁設計更加精美。