只用<style>写出一个漂亮的标题模板。
时间: 2024-02-27 16:57:02 浏览: 110
好的，以下是一个简单的标题模板示例：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题模板</title>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Arial', sans-serif;
background-color: #f5f5f5;
}
.header {
background-color: #0088cc;
color: #fff;
padding: 20px;
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.header h1 {
margin: 0;
font-size: 36px;
font-weight: bold;
}
.header p {
margin: 10px 0 0;
font-size: 20px;
font-weight: 300;
}
</style>
</head>
<body>
<header class="header">
<h1>标题模板</h1>
<p>一个简单的标题模板示例</p>
</header>
<main>
<!-- 内容区域 -->
</main>
</body>
</html>
```
这个模板包括了一个简单的标题区域和一个内容区域。您可以根据需要修改颜色、字体等样式来适应您的需求。
阅读全文
相关推荐
