写一个简单的html css 中文登录注册界面
时间: 2024-05-01 19:18:53 浏览: 9
好的,很高兴帮您解决问题。以下是一个简单的html css登录注册界面的代码示例:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录注册界面</title>
<style>
body{
font-family: Arial, Helvetica, sans-serif;
background: #F2F2F2;
}
.container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 10px;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
margin: 20px auto;
max-width: 500px;
}
h2{
text-align: center;
font-size: 24px;
margin-bottom: 20px;
}
form{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
input{
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
border: none;
width: 45%;
}
input[type="submit"]{
background: #4CAF50;
color: white;
cursor: pointer;
}
button{
padding: 10px;
border-radius: 5px;
border: none;
background: #4CAF50;
color: white;
cursor: pointer;
}
button:hover, input[type="submit"]:hover{
opacity: 0.8;
}
</style>
</head>
<body>
<div class="container">
<h2>登录注册界面</h2>
<form>
<input type="text" placeholder="请输入账号">
<input type="text" placeholder="请输入密码">
<input type="submit" value="登录">
<button>注册</button>
</form>
</div>
</body>
</html>
```
这是一个简单的登录注册界面,包含了账号、密码输入框和登录、注册按钮。您可以根据自己的需要进行修改和扩展。