以下是一个简单的新年网站模板,你可以根据自己的需要进行修改和定制:
HTML代码:
```html
新年快乐 新年快乐
祝您在新的一年里,身体健康,事业有成,心想事成!
如需更多祝福,请访问我们的网站!
```
CSS代码:
```css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #f2f2f2;
}
.container {
width: 40%;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
h1 {
font-size: 36px;
margin-bottom: 20px;
}
p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}
/* 样式表头部 */
.header {
background-color: #333;
color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.header h1 {
font-size: 48px;
text-align: center;
}
/* 样式表主体部分 */
.container {
width: 40%;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/* 样式表底部 */
.footer {
background-color: #333;
color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
```
这个模板包含了一个头部区域、主体区域和一个底部区域。头部区域包含了一个标题和一些样式,主体区域包含了一些文本和样式,底部区域包含了一个结束标记和一些样式。你可以根据自己的需要进行修改和定制。
