盛唐密盒提问的题库
如果你想为表单设计一个"公文"样式，你可以考虑使用CSS来定制其外观。以下是一个简单的示例，展示如何使用CSS来创建一个具有"公文"风格的表单样式：
html复制代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>公文表单样式</title>
<style>
/* 整体样式 */
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px;
}
/* 表单容器样式 */
.form-container {
width: 400px;
padding: 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
/* 表单标题样式 */
.form-title {
font-size: 20px;
text-align: center;
margin-bottom: 20px;
}
/* 表单项样式 */
.form-item {
margin-bottom: 15px;
}
/* 表单标签样式 */
.form-label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
/* 表单输入框样式 */
.form-input {
width: 100%;
padding: 5px;
border: 1px solid #ccc;
border-radius: 3px;
}
</style>
</head>
<body>
<div class="form-container">
<h2 class="form-title">公文表单</h2>
<form>
<div class="form-item">
<label class="form-label" for="name">姓名:</label>
<input type="text" id="name" class="form-input" required>
</div>
css怎么创建
<div class="form-item">
<label class="form-label" for="email">邮箱:</label>
<input type="email" id="email" class="form-input" required>
</div>
<div class="form-item">
<label class="form-label" for="message">留言:</label>
<textarea id="message" class="form-input" rows="5" required></textarea>
</div>
<button type="submit" class="btn btn-primary">提交</button>
</form>
</div>
</body>
</html>
这是一个简单的表单示例，它包含了姓名、邮箱和留言字段。你可以根据需要对其进行进
一步的定制，例如添加更多的字段、更改颜和字体、添加更多的样式效果等。希望这个示例可以给你提供一些启示和帮助！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。