设计一个HTML登录界面涉及到创建一个简单的表单,其中包含用户名和密码输入字段,以及一个提交按钮。以下是一个基本的登录界面示例:
```html Login body { fontfamily: Arial, sansserif; backgroundcolor: f4f4f4; margin: 0; padding: 0; } .logincontainer { width: 300px; margin: 100px auto; padding: 20px; backgroundcolor: fff; boxshadow: 0 0 10px rgba; } .logincontainer h2 { textalign: center; color: 333; } .formcontrol { width: 100%; padding: 10px; marginbottom: 20px; border: 1px solid ddd; borderradius: 4px; } .formcontrol:focus { bordercolor: 007bff; boxshadow: 0 0 0 0.2rem rgba; } .btn { width: 100%; padding: 10px; border: none; borderradius: 4px; backgroundcolor: 007bff; color: white; cursor: pointer; } .btn:hover { backgroundcolor: 0056b3; } Login