CSS position

으누·2024년 9월 12일
0

# background-position
- 배경 이미지의 위치를 지정합니다
- background-position : 키워드
  background-position : X 좌표
  background-position : X 좌표, Y 좌표
  
  
      div {
      display: inline-block
      width: 300px;
      height: 300px
      margin: 0 10px 10px 0;
      background-image: url('../../image/bg_image/dot.png');
      background-color: coral;
      background-repeat: no-repeat;
      
      .top { background-position: top; }
	.left { background-position: left;  }
	.right { background-position: right;  }
	.bottom { background-position: bottom;  }
	.point-x { background-position: 50px; }
	.point-xy { background-position: 100px 50px; }
	.img-two {
	background-image: url('../../image/bg_image/dot.png'), 					url('../../image/img/img_submit.gif');
	background-position: 10px 10px, center;
	}
profile
코딩 일기장

0개의 댓글