1.5.2-css

作者: syeturing | 来源:发表于2017-03-29 17:26 被阅读6次

    作业2css:

    .bg {
      background: url('images/brick.jpg');
      background-size: 75px 75px;
      background-repeat: repeat;
      height: 384px;
    
    }
    
    .cobble {
      background: url('images/cobble_stone.png');
      background-size: 60px 60px;
      background-repeat: repeat;
      width: 256px;
      height: 192px;
      position: absolute;
      left: 50%;
      transform: translate(-50%);
    
    }
    
    .stonebrick {
      background: url('images/stonebrick.png');
      background-size: 64px 64px;
      background-repeat: repeat;
      width: 256px;
      height: 192px;
      position: absolute;
      left: 50%;
      top:200px;
      transform: translate(-50%);
    
    }
    
    .inner_cobble {
      background: url('images/inner_cobble_stone.png');
      background-size: 64px 64px;
      background-repeat: repeat;
      width: 128px;
      height: 128px;
      position: absolute;
      left: 50%;
      top:64px;
      transform: translate(-50%);
    
    }
    
    .bars {
      background: url('images/Iron_bars.png');
      background-size: 64px 64px;
      background-repeat: repeat-x;
      width: 128px;
      height: 64px;
      position: absolute;
      left: 50%;
      top:64px;
      transform: translate(-50%);
    
    }
    
    .fire {
      background: url('images/har.gif');
      background-size: 128px 128px;
    
      width: 128px;
      height: 128px;
      position: absolute;
      left: 50%;
      top:64px;
      transform: translate(-50%);
    
    }
    
    

    相关文章

      网友评论

          本文标题:1.5.2-css

          本文链接:https://www.haomeiwen.com/subject/dfkyottx.html