CSS3是一種用來美化頁面元素的樣式表語言，它為我們提供了更多的設計技巧和效果來使頁面更加美觀。登錄頁面作為一個網站的入口界面，其美觀程度尤為重要。下面，我們就來看看如何運用CSS3來美化登錄頁面。

//樣式代碼
body {
background: #f2f2f2;
}
form {
width: 400px;
margin: 0 auto;
padding: 20px;
background: #fff;
border-radius: 6px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}
h2 {
text-align: center;
font-size: 24px;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button[type="submit"] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #45a049;
}
.error {
color: red;
font-size: 14px;
text-align: center;
}

我們可以通過給元素設置一個背景顏色來改變整個頁面的色調，然后使用