登陆表单通常包括用户名、密码和登录按钮。以下是一些用 CSS 美化登陆表单的常用方法：
使用 CSS 的 background-color 和 color 属性可以更改表单的背景颜色和字体颜色。
form {
background-color: #f2f2f2;
color: #333;
}使用 CSS 的 padding 和 margin 属性可以调整表单元素之间的间距和大小。
form input {
margin: 10px 0;
padding: 10px;
font-size: 16px;
}使用 CSS 的 box-shadow 属性可以为表单添加阴影效果。
form {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}使用 CSS 的 background-color、color、border 和 border-radius 属性可以自定义提交按钮的样式。
form input[type="submit"] {
background-color: #333;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
font-size: 16px;
}使用 CSS 的 @keyframes 和 animation 属性可以为表单添加动画效果。
@keyframes shake {
0% { transform: translateX(0); }
10%, 90% { transform: translateX(-10px); }
30%, 70% { transform: translateX(10px); }
50% { transform: translateX(0); }
}
form input[type="submit"] {
animation: shake 1s;
}
以上是一些常用的 CSS 美化登陆表单的方法，可以根据需要自由组合使用。