注册表单样式

注册表单的样式可以根据你的具体需求和设计目标进行定制。下面是一个基本的注册表单样式示例，你可以根据自己的需求进行修改和扩展。

HTML 部分：

<form class="registration-form">
  <h2>注册</h2>
  
  <div class="form-group">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username" required>
  </div>
  
  <div class="form-group">
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" required>
  </div>
  
  <div class="form-group">
    <label for="password">密码:</label>
    <input type="password" id="password" name="password" required>
  </div>
  
  <div class="form-group">
    <label for="confirm-password">确认密码:</label>
    <input type="password" id="confirm-password" name="confirm-password" required>
  </div>
  
  <div class="form-group">
    <label for="firstname">名字:</label>
    <input type="text" id="firstname" name="firstname">
  </div>
  
  <div class="form-group">
    <label for="lastname">姓氏:</label>
    <input type="text" id="lastname" name="lastname">
  </div>
  
  <button type="submit" class="submit-btn">注册</button>
</form>

CSS 部分：

这是一个基本的样式示例，你可以根据需要调整样式和布局，这个样式使用了基础的边框、边距和内边距来创建一个简单的注册表单样式，你可以使用框架（如 Bootstrap）来创建更复杂和响应式的样式。

注意：这只是一个基本的样式示例，实际开发中可能需要更多的样式细节和响应式设计，还需要考虑表单的验证和安全性问题，确保对用户输入进行适当的验证和过滤，以防止潜在的安全风险。