CSS中編寫登錄頁面是網頁設計中的一項重要任務。一個好看、易用的登錄頁面可以吸引用戶的注意力，提高用戶的體驗。

/*以下是一個簡單的登錄頁面的樣式代碼*/
.login{
width: 300px;
height: 200px;
margin: 0 auto;
text-align: center;
background-color: #eee;
padding: 20px;
}
form{
display: inline-block;
text-align: left;
}
label{
display: block;
padding-bottom: 5px;
}
input[type="text"], input[type="password"]{
width: 100%;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 3px;
}
button{
background-color: blue;
color: white;
border: none;
padding: 5px;
border-radius: 3px;
cursor: pointer;
}

在上面的代碼中，我們定義了一個id為“login”的div，它的樣式包括寬度、高度、居中以及背景顏色等。之后，我們定義了form元素以及它內部的input元素的一些樣式，比如邊框、圓角等。最后，我們定義了一個按鈕，它的樣式包括背景顏色、顏色、邊框以及鼠標指針。

通過這些樣式的定義，我們可以得出一個簡單的登錄頁面。在實際應用中，我們還可以添加其他的元素和樣式，來實現不同的效果和功能。