m0_73610615 2022-11-02 20:12 采纳率: 7.1%
浏览 118
已结题

这个网页文件有人会做吗，分HTML和css两个文件，不要写在一起的，要完整代码，有人会吗，，

img


有人会这个网页文件完整代码吗？要HTML和css文件分开的，不要写在style里的，要完整代码，有人能给写一下吗，实在不会了，要css跟HTML分开的，不太写在style里的。

  • 写回答

8条回答

  • liuwenjie_ 2022-11-02 21:02
    关注
    
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <link rel="stylesheet" href="./1.css" />
  <style></style>
  <body>
    <div class="wrap">
      <img src="xx" alt="" />
      <!-- 头部 -->
      <ul class="header-list">
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">新闻资讯</a></li>
        <li><a href="#">新闻资讯</a></li>
      </ul>
      <div class="banner">
        <ul>
          <li>新闻资讯</li>
          <li>新闻资讯</li>
          <li>新闻资讯</li>
          <li>新闻资讯</li>
        </ul>
        <div class="banner-para">
          <h6>2014阿实践活动科技活动科技阿实践活动科技安徽省</h6>
          <p>看吉安市政府的斯卡哈安市政府的斯卡哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市哈安市政府的斯卡哈安市政府的斯卡哈安市政府的斯卡哈安市政府的斯卡哈斯卡接电话</p>
        </div>
        <div class="banner-para">
          <h6>2014阿实践活动科技安徽省</h6>
          <p>看吉安市政府的斯卡哈斯卡接电话</p>
        </div>
      </div>
      <hr>
      <div class="footer">

        <p>江苏省电子政务中心</p>
        <p>地址：江苏省电子政务中心 滇西电话：4553435435</p>
        <p>江苏省电子政务中心</p>
      </div>
    </div>
  </body>
</html>


    *{
    margin: 0;
    padding: 0;
  }
  .wrap {
    width: 1200px;
    margin: 0 auto;
  }
  img{
    width: 100%;
    height: 200px;
  }
  li{
    list-style: none;
  }
  a{
    text-decoration: none;
    color: #fff;
  }
  .header-list{
    padding: 20px 0;
    height: 20px;
    background-color: #44416f;
    display: flex;
    justify-content: space-around;
  }
.banner{
    display: flex;
}
.banner ul{
    margin-right: 20px;
}
.banner ul li{
    padding: 10px;
    margin: 10px  20px;

}
.banner .banner-para{
    width: 500px;
margin: 30px 5px;
}
.banner .banner-para h6{
    color: #f00;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}
.footer {
    text-align: center;
}

    贴主引入下图片、复制粘贴下文字就好

    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 11月3日
  • 请采纳用户回复 11月3日
  • 创建了问题 11月2日