关于css中的background背景图片

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    *{

        margin:0;

        padding:0;

        text-align:center;

        font-size:20px;

    }

    .header{

        background:black;

        width:100%;

        height:50px;

    }

    .header ul li{

        float:right;

        padding:0 20px;

        color:white;

        list-style:none;

        line-height:50px;

    }

    .haha{

        

        background-image:url("http://climg.mukewang.com/58c0eda50001e12416000480.jpg") no-repeat;

    }

    .img2{

        width:100%;

        background:url('http://climg.mukewang.com/58c0edb80001c9f216000480.jpg') no-repeat;

    }

    .img3{

        width:100%;

        background:url('http://climg.mukewang.com/58c0edc9000100d516000480.jpg') no-repeat;

    }

   

  </style>

</head>

<body>

  <!-- 此处写代码 -->

  <div class="header">

      <ul>

          <li>职业路径</li>

          <li>职业路径</li>

          <li>职业路径</li>

      </ul>

  </div>

  <div class="haha"></div>

   <div class="img2"></div>

    <div class="img3"></div>

    <div class="footer">

        <ul>

          <li>职业路径</li>

          <li>职业路径</li>

          <li>职业路径</li>

      </ul>

    </div>

</body>

</html>


慕神5554445
浏览 1214回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP