html前端

最新推荐文章于 2024-08-14 15:40:57 发布

糕点的小粉丝

最新推荐文章于 2024-08-14 15:40:57 发布

阅读量324

点赞数 6

文章标签：开发语言前端

本文链接：https://blog.csdn.net/2301_79619573/article/details/135511501

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Page</title>
<style>
body {
font-family: Arial, sans-serif;
color: #fff;
text-align: center;
padding: 50px;
}

.login-container {
max-width: 400px;
margin: 0 auto;
background: black;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

input {
background-color: black;
color: white;
width: 100%;
padding: 10px;
margin: 8px 0;
box-sizing: border-box;
border-radius: 20px; /* 将输入框改成椭圆形 */
border: 2px solid #007bff; /* 设置输入框边框颜色为蓝色 */
text-align: center; /* 文字居中 */
}

button {
background-color: black;
color: white;
padding: 10px 15px;
border: ;
border: 2px solid #007bff;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="login-container">
<h2>登录页面</h2>
<form action="q110.php" method="post">
<div style="padding: 10px;">
<input type="text" id="account" name="account" placeholder="请输入用户名" required>
</div>
<div style="padding: 10px;">
<input type="passwd" id="passwd" name="passwd" placeholder="请输入密码" required>
</div>
<button type="submit">提交</button>
</form>
</div>
</body>
</html>