给我一个登陆界面的css样式
时间: 2024-04-29 15:25:41 浏览: 7
以下是一个简单的登陆界面的CSS样式:
```
.login-form {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f2f2f2;
}
.login-form h2 {
text-align: center;
}
.login-form input[type="text"],
.login-form input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: none;
border-radius: 3px;
}
.login-form input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 3px;
cursor: pointer;
}
.login-form input[type="submit"]:hover {
background-color: #45a049;
}
```
这个样式包含一个最大宽度为400像素的登陆表单,表单有一个标题和两个输入框(一个是文本输入框,一个是密码输入框),以及一个提交按钮。表单有一个灰色的背景,圆角边框和一些内边距。提交按钮有一个绿色背景,并在悬停时变为深绿色。