TIME
创建一个网页登录注册页面的
- （无序列表）通常用于展示表单元素，如用户名、密码、邮箱等。下面是一个简单的例子，展示如何使用HTML和CSS来创建一个基本的登录注册页面的
- 列表。
HTML 部分
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>登录注册页面</title>
<link rel="stylesheet" href="styles.css"> <!-- 链接到CSS文件 -->
</head>
<body>
<!-- 登录表单 -->
<div class="login-form">
<h2>登录</h2>
<ul>
<li><label for="username">用户名:</label></li>
<li><input type="text" id="username" name="username" required></li>
<li><label for="password">密码:</label></li>
<li><input type="password" id="password" name="password" required></li>
<!-- 其他登录按钮等 -->
</ul>
</div>
<!-- 注册表单 -->
<div class="register-form">
<h2>注册</h2>
<ul>
<!-- 注册表单元素 -->
</ul>
</div>
</body>
</html>CSS 部分 (styles.css)
你可以使用CSS来美化你的表单和<ul> 列表，以下是一个简单的样式示例：
body {
font-family: Arial, sans-serif;
}
.login-form, .register-form {
width: 300px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
}
.login-form ul, .register-form ul {
list-style-type: none;
padding: 0;
}
.login-form ul li, .register-form ul li {
margin-bottom: 10px;
}这只是一个基础的例子，你可以根据需要进一步定制样式和功能，添加验证、错误消息、按钮等，如果你需要更复杂的功能，可能需要使用JavaScript或者后端语言来处理表单提交等逻辑。