用css制作建国75周年网页代码
时间: 2024-10-09 17:02:51 浏览: 18
制作建国75周年的网页,我们通常会结合HTML结构、CSS样式和可能的JavaScript交互效果。下面是一个简单的示例,展示了如何使用CSS来设计一个主页:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>庆祝中华人民共和国成立75周年</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #e0e0e0; /* 背景色 */
}
.header {
width: 100%;
height: 200px;
background-image: url('flag.jpg'); /* 使用国旗图片 */
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
color: white;
}
h1 {
margin-top: 0;
text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
.content {
max-width: 960px;
margin: 0 auto;
padding: 40px;
}
.year {
text-align: center;
font-size: 3rem;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="header">
<h1>庆祝中华人民共和国成立75周年</h1>
</div>
<div class="content">
<p>今年是我们伟大的祖国诞生75周年,回顾历史,展望未来...</p>
<div class="year">2023年</div>
</div>
</body>
</html>
```
这个例子中,`<header>`部分设置了背景图和居中标题,`.content`区域用于放置内容,`.year`则用于显示具体的年份。
阅读全文