每個網站都需要一個登錄頁面，而好的登錄頁面可以增加用戶體驗，提高安全性。為了讓登錄頁面更加吸引人，我們可以使用一些漂亮的CSS模板來設計頁面。

/* 登錄表單樣式 */
form {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
width: 300px;
margin: 0 auto;
border: 2px solid #eeeeee;
}
form input[type=text], form input[type=password] {
padding: 10px;
width: 100%;
margin-bottom: 20px;
border-radius: 5px;
border: none;
}
form input[type=submit] {
background-color: #4CAF50;
color: #ffffff;
padding: 10px;
width: 100%;
border: none;
border-radius: 5px;
}
form input[type=submit]:hover {
background-color: #3e8e41;
}
form p {
text-align: center;
}
/* 頁面主體樣式 */
body {
margin: 0;
background-color: #eeeeee;
}
.container {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
a {
color: #999999;
}
a:hover {
color: #000000;
text-decoration: none;
}

這個CSS模板包括登錄表單和頁面主體的樣式。登錄表單具有圓角和邊框，輸入框和提交按鈕被加以特殊處理。頁面主體具有灰色背景和容器元素進行居中處理。鏈接在懸停時改變顏色。