css+html 广西旅游网站代码
时间: 2023-11-12 20:16:35 浏览: 116
一个旅游网站的代码
同样的,我无法提供完整的广西旅游网站代码。但是,我可以提供以下 HTML 和 CSS 示例,供您参考和修改。
HTML:
```
<!DOCTYPE html>
<html>
<head>
<title>广西旅游</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>广西旅游</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">景点介绍</a></li>
<li><a href="#">旅游攻略</a></li>
<li><a href="#">预订酒店</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>广西旅游景点</h2>
<ul>
<li>
<img src="img/liuzhou.jpg" alt="柳州">
<h3>柳州</h3>
<p>柳州是广西壮族自治区下辖的地级市,拥有柳州著名的象鼻山、柳州梦之岛等景点。</p>
</li>
<li>
<img src="img/guilin.jpg" alt="桂林">
<h3>桂林</h3>
<p>桂林是广西壮族自治区下辖的地级市,拥有桂林山水甲天下的美誉。</p>
</li>
<li>
<img src="img/yangshuo.jpg" alt="阳朔">
<h3>阳朔</h3>
<p>阳朔是广西壮族自治区桂林市下辖的一个县级市,以山水田园风光和民俗风情闻名。</p>
</li>
</ul>
</section>
<section>
<h2>广西旅游攻略</h2>
<p>广西旅游最佳时间是每年的春季和秋季,此时气候宜人,景色宜人。此外,你还可以尝试广西特色美食,如桂林米粉、螺蛳粉等。</p>
</section>
</main>
<footer>
<p>© 2021 广西旅游</p>
</footer>
</body>
</html>
```
CSS:
```
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
}
header h1 {
margin: 0;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav li a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
section {
margin-bottom: 30px;
}
section h2 {
margin-top: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
margin-bottom: 20px;
}
img {
max-width: 100%;
height: auto;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,.3);
}
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
```
请注意,这只是一个示例,请根据实际需要进行修改和补充。
阅读全文