CSS是現代網頁設計的基石，它可以讓我們自由地控制元素的樣式，其中之一的技巧就是設置背景位置。以下是一些實用的CSS背景位置技巧。
首先，我們需要了解background-position屬性。這個屬性可以決定背景圖片的在容器內顯示的位置，其取值可用方位詞，如top，center，bottom，left，right等，也可用百分比進行設置，如50% 50%表示背景圖像居中。
接下來，我們使用示例代碼來演示幾個有趣的CSS背景位置技巧：

/* 居中并重復背景圖案 */
div {
background-image: url("pattern.png");
background-repeat: repeat;
background-position: center center;
}
/* 背景圖由正中心向下偏移 */
div {
background-image: url("image.jpg");
background-repeat: no-repeat;
background-position: center 50px;
}
/* 背景圖片從左上角開始平鋪 */
div {
background-image: url("texture.png");
background-repeat: repeat;
background-position: 0 0;
}
/* 使背景圖像始終停留在視野正中央 */
body {
background-image: url("bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

以上代碼演示了各種不同的場景，如居中并重復背景圖案，背景圖向下偏移，背景圖片從左上角開始平鋪，以及使背景圖像保持在視野正中央等。
總之，在網頁設計中，背景圖片是元素樣式的重要組成部分，通過設置background-position屬性，我們可以創造出多種多樣的設計效果。