以下是一个简单的公园网站模板,可以根据自己的需要进行修改:
HTML代码:
```
公园网站
公园介绍
公园位于哪个城市?
```
CSS代码:
```
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
header {
background-color: #007bff;
color: #fff;
padding: 20px;
text-align: center;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #fff;
text-decoration: none;
display: block;
margin-bottom: 10px;
}
main {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
section {
margin-bottom: 20px;
}
h2 {
margin-bottom: 10px;
color: #fff;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
map {
display: none;
}
footer {
text-align: center;
padding: 20px;
background-color: #007bff;
color: #fff;
border-bottom: 1px solid #ccc;
}
```
这个公园网站模板包含了一个头部区域、一个主体区域和一些子区域,以及一个底部区域。您可以根据需要进行修改,例如添加更多的页面元素,更改样式,添加图片等等。
