第三次css作业

<!doctype html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="description" content="扫描" />
    <meta name="keywords" content="html"/>
    <style>
    body{
        width:760px;
        background:#fff;

    }
              div{
                
                  width:150px;
                  height:auto;
                  text-align:center;
                  line-height:60px;

              }
              .a1{
                  float:left;
                  background:url(hao360.png) no-repeat 30px -175px;

              }
              .a2{
                  float:left;
           background:url(hao360.png) no-repeat 30px -100px;
              }
                            .a3{
                  float:left;
            background:url(hao360.png) no-repeat 30px -300px;
              }
                            .a4{
                  float:left;
                  background:url(hao360.png) no-repeat 30px  -20px;
              }
                            .a5{
                  float:left;
                  background:url(hao360.png) no-repeat 30px -138px;
              }
                            .a6{
                  float:left;
              background:url(hao360.png) no-repeat 30px -460px;
              }
                                        .a7{
                  float:left;
              background:url(hao360.png) no-repeat 20px -218px;
              }                          .a8{
                  float:left;
              background:url(hao360.png) no-repeat 20px -340px;
              }                          .a9{
                  float:left;
              background:url(hao360.png) no-repeat 20px -60px;
              }
                                        .a0{
                  float:left;
              background:url(hao360.png) no-repeat 15px 25px;
              }
                                                      .a10{
                  float:left;
              background:url(hao360.png) no-repeat 30px -378px;
              }
                                                      .a11{
                  float:left;
              background:url(hao360.png) no-repeat 5px -620px;
              }
                                                      .a12{
                  float:left;
              background:url(hao360.png) no-repeat 10px -500px;
              }
                                                      .a13{
                  float:left;
              background:url(hao360.png) no-repeat 20px -418px;
              }
    </style>
    <title>Document</title>
</head>

<body>
    <div style="margin-left:250px;margin-top:200px;width:100%;text-align:center;background:#fff;height:455px;">
    <div class="a1">
        百度
    </div>
    <div class="a2">
        新浪
    </div>
    <div class="a3">
        搜狐
    </div>
    <div class="a4">
        腾讯
    </div>
    <div class="a5">
        网易
    </div>
    <div class="a6">
        天猫
    </div>
    <div class="a7">
        凤凰网
    </div>
    <div class="a8">
        淘宝网
    </div>
    <div class="a9">
        QQ空间
    </div>
    <div class="a0">
        4399游戏
    </div>
        <div class="a10">
        优酷
    </div>
        <div class="a11">
        hao123影视
    </div>
        <div class="a12">
        汽车之家
    </div>
        <div class="a13">
        人人网
    </div>
  </div>
</body>
</html>

IT文库 » 第三次css作业
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址