css漂亮的登陆界面 |css 隐藏tr

css的后缀，预览框制作css，css占两行，php js css 合并压缩，css调整背影图片大小，不懂英语能学会css么，css 隐藏tr css漂亮的登陆界面 |css 隐藏tr

<html>
<head>
<title>美丽的登陆界面</title>
<style>
body {
background-color: #F0F8FF;
}
.login {
margin: 0 auto;
margin-top: 150px;
width: 380px;
height: 200px;
border: solid 1px #B0C4DE;
background-color: #F5F5F5;
box-shadow: 0 0 8px #ccc; 
}
.login h2 {
text-align: center;
font-size: 30px;
margin-top:25px;
}
.login label {
display: block;
font-size: 14px;
text-align: center;
margin:30px auto 0 auto;
width: 80px;
}  
.login input[type="text"], .login input[type="password"] {
display: block;
margin:10px auto 0 auto;
width: 240px;
height: 30px;
padding-left: 10px;
border: none;
box-shadow: 0 0 5px #ccc;
}
.login input[type="submit"] {
display: block;
margin:30px auto 0 auto;
width: 100px;
height: 30px; 
color:white;
background-color: #5cb85c;
border: none;
border-radius:5px;
box-shadow: 0 0 5px #3c763d;
font-size: 16px;
}
.login input[type="submit"]:hover {
background-color: #449d44;
box-shadow: 0 0 5px #1f6249;
}
</style>
</head>
<body>
<form action="login.php" method="post">
<div class="login">
<h2>登陆</h2>
<label>用户名:</label>
<input type="text" name="name" placeholder="请输入用户名">
<label>密码:</label>
<input type="password" name="password" placeholder="请输入密码">
<input type="submit" value="登陆">
</div>
</form>
</body>
</html>

上面这段代码是一个使用CSS设计的漂亮的登陆界面。整个界面由一个class为login的div包裹，设置了一个边框样式和一个阴影效果，显得比较立体。登陆框的标题由一个h2标签包裹，文字居中显示。用户名和密码的标签和输入框都使用了input和label标签，使用了CSS设置输入框的样式，具有较好的兼容性和美观性。

总之，通过以上这些设置，大家可以轻松地设计出一个漂亮的登陆界面，提高用户的使用体验和信任度，从而增加网站或应用程序的活跃度和用户数量，更好地为广大用户服务。