用html和css写一个兰州拉面的介绍的网页
时间: 2023-09-29 12:08:26 浏览: 53
好的,以下是一个简单的兰州拉面介绍网页的html和css代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>兰州拉面介绍</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
color: #cc3300;
font-size: 36px;
margin-top: 50px;
}
h2 {
color: #cc3300;
font-size: 24px;
margin-top: 30px;
}
p {
margin-top: 20px;
line-height: 1.5;
font-size: 18px;
text-indent: 2em;
}
ul {
margin-top: 20px;
list-style-type: none;
padding-left: 0;
}
li {
margin-bottom: 10px;
font-size: 16px;
}
.img-container {
display: flex;
justify-content: center;
margin-top: 50px;
}
img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h1>兰州拉面介绍</h1>
<div class="img-container">
<img src="https://picsum.photos/400/300" alt="兰州拉面图片">
</div>
<h2>什么是兰州拉面?</h2>
<p>兰州拉面是中国甘肃省兰州市的传统名吃,是以牛肉为主要原料,辅以各种面食、蔬菜和调料制成的一种特色汉族传统小吃。</p>
<h2>兰州拉面的历史</h2>
<p>兰州拉面起源于清朝中期,距今已有二百多年的历史。在当时的兰州城内,许多回族人家都经营着小面馆,这些面馆的主人将自家的面食制作成条状,放入热水锅内煮熟,然后配上酱油、香醋、芝麻酱等各种调料,制成了一种别具特色的面食,即现在的兰州拉面。</p>
<h2>兰州拉面的特点</h2>
<ul>
<li>面条细长而富有弹性</li>
<li>汤清而鲜美,有浓郁的牛肉味道</li>
<li>调料齐全,包括酱油、香醋、辣椒油、葱花、芝麻酱等,可以根据个人口味调配</li>
<li>配菜丰富,包括牛肉片、牛肉丸、香菜、豆芽等,可以根据个人口味选择</li>
</ul>
</body>
</html>
```
这是一个简单的兰州拉面介绍网页,包括了兰州拉面的定义、历史、特点以及一张图片。你可以根据需要进行修改和调整。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)