注册登录界面是Web开发中一个非常基础、常见的功能之一。下面是一个简单的HTML注册登录界面的代码示例:
```html
body {
font-family: Arial
sans-serif;
}
.container {
max-width: 400px;
margin: 50px auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.container h2 {
text-align: center;
}
.container input[type="text"]
.container input[type="password"] {
width: *;
height: 40px;
margin-bottom: 20px;
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.container button {
width: *;
height: 40px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.container button:hover {
background-color: #45a049;
}
.container p {
text-align: center;
}
.container a {
color: #4CAF50;
text-decoration: none;
}
.container a:hover {
text-decoration: underline;
}
已有账号?登录
没有账号?注册
```
这段代码实现了一个简单的注册登录界面,包含了两个容器,一个用于注册,一个用于登录。每个容器内部分别包含了用户名、密码输入框、注册/登录按钮以及一些提示文本和连接。
这个注册登录界面非常简单,可以根据实际需求进行进一步的定制和美化。你可以在这个基础上添加更多的输入字段,增加验证码功能,使用CSS样式进行美化等等。
咨询微信客服
0516-6662 4183
立即获取方案或咨询top