作业亚马逊 9.11

作者: zy小太阳 | 来源:发表于2018-09-11 21:16 被阅读0次

 <!DOCTYPE html>

 <html lang="en">
 <head>
     <meta charset='utf-8'/>
     <title>练习</title>
     <style type="text/css">
     .box:link{
        display: block;
        width: 121px;
        height: 44px;
        background-image: url(../../img/3.png);
        background-repeat: no-repeat;
     }
     .box1:link{
        display: block;
        width: 55px;
        height: 44px;
        background-image: url(../../img/3.png);
        background-repeat: no-repeat;
        background-position: -5px -330px ;
     }
   /*.box:hover{
        background-position: -90px 0px;
     }*/
     .box1:active{
        background-position:  -53px -330px;
     }
     
     </style>
          
 </head>

 <body>
    <a href="#" class="box"></a>
    <a href="#" class="box1"></a>
    
 </body>
 </html>

亚马逊.jpg