1.5.2-css

2017-03-29  本文已影响6人  syeturing

作业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%);

}

上一篇下一篇

猜你喜欢

热点阅读