CSS可以幫助我們創建出漂亮的登錄頁面，其中一個常見的特點就是使用多張圖片來增加頁面的美觀度。

/* CSS代碼 */
body {
background-image: url('background.png');
background-size: cover;
/* 設置背景圖片 */
}
.logo {
background-image: url('logo.png');
background-repeat: no-repeat;
width: 200px;
height: 200px;
margin: 0 auto;
/* 設置logo */
}
.input {
background-image: url('input-bg.png');
background-repeat: no-repeat;
background-position: center;
border: none;
height: 40px;
width: 300px;
margin: 10px auto;
/* 設置輸入框的背景圖片 */
}
.btn {
background-image: url('btn-bg.png');
background-repeat: no-repeat;
background-position: center;
border: none;
height: 50px;
width: 150px;
margin: 20px auto;
/* 設置登錄按鈕的背景圖片 */
}

上面的代碼中，我們使用了多種背景圖片，包括頁面的背景圖片、Logo圖片、輸入框的背景圖片以及登錄按鈕的背景圖片。這些圖片的使用可以幫助我們實現更優美的登錄頁面，給用戶帶來更好的體驗。

不過需要注意的是，在使用背景圖片時，我們需要考慮圖片的大小、格式和性能。過大或者不合適的圖片會導致頁面加載緩慢，甚至影響用戶的體驗。