帮忙写一个关于美食的静态网页
<!DOCTYPE html>
<html>
<head>
<title>美食世界</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
header {
background-color: #FFB6C1;
padding: 20px;
text-align: center;
color: white;
font-size: 28px;
font-weight: bold;
}
nav {
background-color: #E6E6FA;
padding: 10px;
text-align: center;
font-size: 20px;
}
nav a {
color: #000080;
text-decoration: none;
padding: 10px;
}
nav a:hover {
background-color: #ADD8E6;
}
section {
margin: 20px;
}
h2 {
font-size: 24px;
color: #FFB6C1;
}
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
img {
display: block;
margin: 20px auto;
max-width: 100%;
}
footer {
background-color: #FFB6C1;
padding: 10px;
text-align: center;
color: white;
font-size: 16px;
}
</style>
</head>
<body>
<header>
美食世界
</header>
<nav>
<a href="#chinese">中餐</a>
<a href="#western">西餐</a>
<a href="#dessert">甜点</a>
</nav>
<section id="chinese">
<h2>中餐</h2>
<p>中国菜是世界上最有名的菜系之一，其鲜美、营养丰富、口味独特、风味多样的特点受到了全世界的认可。</p>
<img src="https://images.unsplash.com/photo-1559977563-5aa1f2c5e45f?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="中餐">
</section>
<section id="western">
<h2>西餐</h2>
<p>西餐是指欧洲和美洲的餐饮文化，其菜品风格清淡、色彩艳丽、口感细腻，以多种烹调技巧和器皿装饰为特点。</p>
<img src="https://images.unsplash.com/photo-1549838503-e89e8ead4cc6?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="西餐">
</section>
<section id="dessert">
<h2>甜点</h2>
<p>甜点是指用糖、蜂蜜、巧克力、鲜奶油等甜味成分制成的小吃、糕点或饮品，有着丰富的品种和种类。</p>
<img src="https://images.unsplash.com/photo-1551024200-9a3a010d6ecd?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="甜点">
</section>
<footer>
© 2021 美食世界. All rights reserved.
</footer>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/g99h 著作权归作者所有。请勿转载和采集!