实践作业（第三页）

最新推荐文章于 2024-07-11 17:28:05 发布

陈韵涵

最新推荐文章于 2024-07-11 17:28:05 发布

阅读量434

点赞数 6

文章标签： css javascript 前端

本文链接：https://blog.csdn.net/cyh20040921/article/details/135255578

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>special</title>
    <style>
         #center{
        width:1000px;
        height: 500px;
        margin-left: auto;
        margin-right: auto;
    }
/* 按钮 */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:rgb(204, 204, 204);
  top: 0;
  width:80%;
  padding-left: 10%;
  padding-right: 10%;
}
li {
  width: 25%;
  float:left;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 35px;
  text-decoration: none;
}
li a:hover{
  background-color: #888484;
}
img{
    width: 20%;
    padding: 5.5px;
    float: left;
}
.p0{
  color:gray;
  font-size: 20px;
}
p{
           
            line-height: 20px;/* 设置行高 */
            padding-left: 2%;
            padding-right: 2%;
            color:gray;

        }

h1{
    color:#888484;
    text-align: center;
}
h3{
    color:#888484;
    text-align: center;
   float: left;
}
.footer {
  background-color: #f1f1f1;
  padding: 10px;
  text-align: center;
}

.father{
    width: 100%;
    overflow: hidden;
  padding-left: 5%;
}
div.polaroid {
  width:90%;
  height: 140px;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 2%;
  float: left;
}


    </style>
</head>



    <body bgcolor="#F1F1F1">
        <div id="center">
            <div>
                <ul>
                    <li><a href="hometown.html">首页</a></li>
                    <li><a href="view.html">美景</a></li>
                    <li><a href="special.html">特产</a></li>
                    <li><a href="#four">旅游</a></li>
                  </ul>
            </div>
<h1>宜昌特产</h1>

<div class="father">
<div class="polaroid">
<img src="“三峡苕酥”小.jpeg" >
<p class="p0"><strong>三峡苕酥</strong></p>
<p>三峡苕酥是湖北宜昌地区的传统糕点，以红苕、鲜糯米、鸡蛋为主要原料制作而成。苕酥口感酥脆，甜味适中，爽口化渣。由于其风味独特、营养丰富，老少皆宜，备受本地市民和游客喜爱。苕酥包装古朴精美，是宜昌的特产伴手礼之一。</p>
</div>
<div class="polaroid">
  <img src="“秭归脐橙”小.jpeg" >
  <p class="p0"><strong>秭归脐橙</strong></p>
  <p>秭归脐橙是宜昌的特产之一，因为秭归县位于湖北西部，拥有优美的生态环境和丰富的柑橘资源。秭归脐橙皮薄色鲜，肉脆汁多，香味浓郁，酸甜可口。秭归脐橙品质优良，因此备受消费者喜爱。</p>
  </div>
  <div class="polaroid">
    <img src="“百里洲砂梨 ”小.jpeg" >
    <p class="p0"><strong>百里洲砂梨    </strong></p>
    <p>百里洲砂梨是宜昌特产之一，它含有果糖、葡萄糖、苹果酸和有机酸等营养物质，并含脂肪、蛋白质、钙、磷、铁、维生素、胡萝卜素、烟酸等。百里洲砂梨地理标志产品被湖北省农业厅命为“湖北十大名果”，被中国特产名乡宣传推荐活动组织委员会推荐为“中国砂梨之乡”。</p>
    </div>
    <div class="polaroid">
      <img src="“凉虾”小.jpeg" >
      <p class="p0"><strong>凉虾</strong></p>
      <p>宜昌特产凉虾是湖北宜昌市的特色小吃，用大米制浆煮熟，用漏勺漏入凉水盆中而成。凉虾滑糯清爽，入口冰凉，非常解渴。</p>
      </div>
      <div class="polaroid">
        <img src="萝卜饺子.jpeg" >
        <p class="p0"><strong>萝卜饺子</strong></p>
        <p>宜昌特产之一是萝卜饺子。萝卜饺子以萝卜丝为主要馅料，再拌上拌好的菜馅，口感有劲道。萝卜饺子分为两种，一种是萝卜虾仁馅，另一种是萝卜猪肉馅。无论是哪种馅料，萝卜饺子都注重馅料的口感，萝卜的清脆口感和白菜的清爽味道相得益彰。</p>
        </div>


</div>

<div class="footer">
    <p>·宜居宜旅宜昌情，游都净都文明都·</p>
  </div>
</body>
</html>