html美食网页代码
时间: 2023-12-23 10:27:34 浏览: 41
以下是一个简单的HTML美食网页代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>美食网页</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
color: #333;
}
.recipe {
margin: 20px;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.recipe h2 {
color: #666;
}
.recipe p {
color: #999;
}
</style>
</head>
<body>
<h1>美食推荐</h1>
<div class="recipe">
<h2>招牌红烧肉</h2>
<p>材料:猪肉、酱油、糖、料酒、姜、葱、八角、香叶</p>
<p>步骤:</p>
<ol>
<li>将猪肉切块,用开水焯水去腥</li>
<li>热锅凉油,加入糖炒化,加入姜葱爆炒出香味</li>
<li>加入猪肉翻炒均匀,加入酱油、料酒、八角、香叶炖煮</li>
<li>小火慢炖1小时,直到肉变软糯</li>
<li>出锅前加入适量的盐调味即可</li>
</ol>
</div>
<div class="recipe">
<h2>清蒸鲈鱼</h2>
<p>材料:鲈鱼、姜、葱、料酒、盐、生抽、香菜</p>
<p>步骤:</p>
<ol>
<li>将鲈鱼洗净,切成两段</li>
<li>将姜葱切成丝,放在鱼身上</li>
<li>加入料酒、盐、生抽腌制10分钟</li>
<li>蒸锅加水烧开,将鱼放入蒸锅中蒸8-10分钟</li>
<li>蒸熟后撒上香菜即可</li>
</ol>
</div>
</body>
</html>
```