第4次CSS作业

最新推荐文章于 2024-06-19 14:31:26 发布

酷扬

最新推荐文章于 2024-06-19 14:31:26 发布

阅读量225

点赞数

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

版权

html 同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

css

26 篇文章 0 订阅

订阅专栏

html css

25 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <mata name="keywords" content="html">
   <meta name="description" content="扫描">
   <title>Document</title>
   <style>
   *{
       margin: 0;
       padding: 0;
   }
   .all{
       width:750px;
       height:auto;
       float:left;
       margin-top:200px;
       margin-left: 200px;
       /*padding: 50px;*/
       background:#ccc;
   }
   div{
       float:left;
       width: 122px;
       height: 80px;
       background: #fff;

       text-align:center;

       position:relative;
   }
   .a1{
/*       position:absolute;
       top:30px;
       left:15px; */
       padding-top: 30px;
   }
   .huan{
   height: 110px;
/*position:absolute;
       top:534px;
       left:817px;*/
   }
   .a1:hover{
        background:#000;
        opacity:0.8;
   }
   .huan:hover{
       background:red;
       color:#fff;
       opacity: 0.7;

   }
   </style>
</head>
<body>
   <div class="all">
       <div class="a1 nake"> <img src="pic1.jpg"></div>
       <div class="a1 adi"><img src="pic2.jpg"></div>
       <div class="a1 long"><img src="pic3.jpg"></div>
       <div class="a1 bala"><img src="pic4.jpg"></div>
       <div class="a1 nb"><img src="pic5.jpg"></div>
       <div class="a1 marc"><img src="pic13.jpg"></div>
       <div class="a1 beals"><img src="pic14.jpg"></div>
       <div class="a1 coach"><img src="pic10.jpg"></div>
       <div class="a1 san"><img src="pic8.jpg"></div>
       <div class="a1 san2"><img src="pic8.jpg"></div>
       <div class="a1 nb2"><img src="pic5.jpg"></div>
       <div class="a1 anta"><img src="pic6.jpg"></div>
       <div class="a1 sus"><img src="pic7.jpg"></div>
       <div class="a1 san3"><img src="pic8.jpg"></div>
       <div class="a1 hotwind"><img src="pic9.jpg"></div>
       <div class="a1 coach1"><img src="pic10.jpg"></div>
       <div class="a1 lomb"><img src="pic11.jpg"></div>
       <div class="a1 mi"><img src="pic12.jpg"></div>
       <div class="a1 marc2"><img src="pic13.jpg"></div>
       <div class="a1 bala2"><img src="pic4.jpg"></div>
       <div class="a1 puma"><img src="pic15.jpg"></div>
       <div class="a1 dave"><img src="pic16.jpg"></div>
       <div class="a1 adi2"><img src="pic17.jpg"></div>
       <div class="huan"><img src="pic18.jpg"></div>

   </div>

</body>
</html>