CSS-background 이미지 위치설정

yeong ·2022년 11월 14일

css

목록 보기
19/34

박스모델의 폭 또는 높이보다 작은 배경 이미지를 반복적으로 출력하지 않을 경우 배경 이미지는 박스모델의 왼쪽 상단을 기준으로 출력

background-position : 배경 이미지의 출력 위치 관련 스타일 속성
속성값 : px, %, 키워드(left, right, top, bottom, center) - 기본값 : left top

배경 이미지의 출력 위치를 왼쪽 상단을 기준으로 가로(X)와 세로(Y) 방향으로 이동

선택자 {
background-image: url("url주소값");/*이미지 설정*/
background-repeat: no-repeat;/*반복을 없애서 기본값으로 우선 기본값 출력*/
/* 예시 */
background-position: 200px 100px; 
background-position: 30% 60%; 
background-position: center; 
background-position: right bottom;
}

0개의 댓글