旅游网站模板通常包含旅游信息、酒店预订、景点门票、行程计划、用户评价和联系我们等内容。下面是一个简单的响应式旅游网站模板,供您参考:
HTML代码:
```html
旅游网站模板 ```
CSS代码:
```css
/* 布局样式 */
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f2f2f2;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background-color: #1a1a1a;
}
nav {
display: flex;
flex-direction: column;
}
ul {
list-style: none;
margin: 0;
}
li {
margin-bottom: 10px;
}
section {
margin-bottom: 100px;
}
h2 {
margin-bottom: 20px;
}
.trip {
margin-bottom: 20px;
}
.酒店的 {
margin-bottom: 20px;
}
.景点 {
margin-bottom: 20px;
}
.行程计划 {
margin-bottom: 20px;
}
footer {
padding: 20px;
background-color: #1a1a1a;
}
```
以上就是一个简单的响应式旅游网站模板的HTML和CSS代码,您可以根据需要进行修改和调整。
