简易的旅游网页制作代码
```html
body {
fontfamily: Arial, sansserif;
margin: 0;
padding: 0;
backgroundcolor: f4f4f4;
}
header {
background: 333;
color: fff;
paddingtop: 30px;
paddingbottom: 30px;
textalign: center;
}
nav {
background: 666;
textalign: center;
paddingtop: 10px;
paddingbottom: 10px;
}
nav a {
color: fff;
textdecoration: none;
margin: 0 10px;
}
nav a:hover {
textdecoration: underline;
}
section {
padding: 20px;
margin: 20px;
background: fff;
borderradius: 5px;
}
footer {
background: 333;
color: fff;
padding: 20px;
textalign: center;
position: fixed;
bottom: 0;
width: 100%;
}
.container {
maxwidth: 1200px;
margin: auto;
}
h1 {
margintop: 0;
}
p {
lineheight: 1.6;
}
.destination {
display: grid;
gridtemplatecolumns: repeat(autofit, minmax(300px, 1fr));
gap: 20px;
}
.destinationitem {
border: 1px solid ccc;
borderradius: 5px;
padding: 10px;
}
.destinationitem img {
width: 100%;
borderradius: 5px;
marginbottom: 10px;
}
@media (maxwidth: 768px) {
.destination {
gridtemplatecolumns: repeat(autofit, minmax(200px, 1fr));
}
}
Welcome to Our Travel Website
Discover amazing destinations around the world
Destination 1
Description of destination 1
Destination 2
Description of destination 2
Destination 3
Description of destination 3
© 2024 Travel Website. All rights reserved.