第三次css作业

最新推荐文章于 2021-12-09 18:41:44 发布

酷扬

最新推荐文章于 2021-12-09 18:41:44 发布

阅读量152

点赞数

本文链接：https://blog.csdn.net/aa8869138/article/details/56842351

版权

html 同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

css

26 篇文章 0 订阅

订阅专栏

html css

25 篇文章 0 订阅

订阅专栏

<!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>