CSS是一種用于網頁制作的語言，可以控制網頁的樣式和布局。今天我們將學習如何使用CSS來制作一個漂亮的登陸頁面。

/* 樣式代碼 */
#login-box {
width: 400px;
height: 300px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
margin: 50px auto;
}
h1 {
font-size: 24px;
text-align: center;
margin-bottom: 30px;
}
label {
display: block;
font-size: 14px;
margin-bottom: 10px;
}
input[type="text"], input[type="password"] {
width: 100%;
height: 30px;
border-radius: 3px;
border: 1px solid #ccc;
padding: 5px;
margin-bottom: 20px;
}
button[type="submit"] {
width: 100%;
height: 40px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #0069d9;
}

以上是我們編寫的CSS樣式代碼，下面將在HTML中應用它。

登陸
用戶名:密碼:登陸

最后，我們得到了一個漂亮的登陸頁面。這里使用了盒模型和選擇器等CSS的基礎知識，通過不斷的實踐和嘗試，可以讓你的網頁變得更加美觀、優雅。