HTML 登录页面设计代码:
body {
font-family: Arial
sans-serif;
background-color: #f4f4f4;
}
.container {
width: 300px;
margin: 0 auto;
margin-top: 100px;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0
0
0
0.1);
}
.container h2 {
text-align: center;
color: #333;
}
.container .form-group {
margin-bottom: 20px;
}
.container label {
display: block;
margin-bottom: 5px;
color: #888;
}
.container input[type="text"]
.container input[type="password"] {
width: *;
padding: 10px;
border-radius: 3px;
border: 1px solid #ccc;
}
.container button[type="submit"] {
width: *;
padding: 10px;
background-color: #337ab7;
border: none;
color: #fff;
font-weight: bold;
border-radius: 3px;
cursor: pointer;
transition: background-color 0.3s;
}
.container button[type="submit"]:hover {
background-color: #286090;
}
上述代码实现了一个简单的登录页面设计。以下是代码解析:
1. 首先定义了 HTML 文档类型和 HTML 标签。
2. 在
标签内定义了3. 在
咨询微信客服
0516-6662 4183
立即获取方案或咨询top