在網頁設計中，我們經常需要使用圖片來美化頁面或作為背景圖案。而為了讓圖片充分展現它的美觀，我們往往需要將圖片橫鋪在整個頁面或某個特定區域。但如果圖片重復鋪放，就會顯得很不美觀。那么如何讓圖片橫鋪不重復呢？

background-image: url('圖片路徑');
background-repeat: no-repeat;
background-size: cover;

首先，我們需要在css中指定頁面的背景圖片路徑。這可以通過background-image屬性來實現。該屬性接收一個圖片的URL作為參數，并將其設置為頁面的背景圖案。

其次，我們需要禁止頁面對該背景圖片進行重復。這可以通過background-repeat屬性來實現。該屬性的值設為no-repeat時，頁面不會將背景圖片進行重復鋪放，而是只在頁面上顯示一次。

最后，我們需要讓圖片充滿整個頁面或指定區域。這可以通過background-size屬性來實現。該屬性接收不同的尺寸值，其中cover表示將圖片放大或縮小，讓其完全覆蓋整個頁面或區域。

綜上所述，我們可以通過css中以下代碼實現圖片的橫鋪不重復：

body{
background-image: url('圖片路徑');
background-repeat: no-repeat;
background-size: cover;
}

其中body為頁面中的全局標簽，將其作為背景標簽會讓背景圖片被橫鋪整個頁面。