使用HTML和CSS创建一个登录表单
创建登录表单需要使用HTML和CSS。下面是一个简单的示例，展示了如何创建一个基本的登录表单：
首先，我们来看看HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>登录表单</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
<h2>登录</h2>
<form>
<div class="form-group">
<label for="username">用户名：</label>
<input type="text" id="username" name="username" required>
</div>
<div class="form-group">
<label for="password">密码：</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit">登录</button>
</form>
</div>
</body>
</html>
接下来，我们需要为表单添加一些样式，这可以在一个CSS文件中完成。创建一个名为`style.css`的新文件，并将以下代码粘贴到其中：
.container {
width: 300px;
margin: 0 auto;
padding: 20px;
}
h2 {
text-align: center;
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
}
input,
input {
width: 100%;
padding: 5px;
}
button {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px;
width: 100%;
}
以上代码将创建一个简单的登录表单，并对其进行了基本的样式设置。你可以根据自己的需求进一步修改和扩展这个表单。
希望对你有所帮助！
页:
[1]