background-color 배경 색
background-img 배경 이미지 : background-imgae:url('이미지 경로')
background-repeat 배경 이미지 반복 : no-repat (반복없음) repat-x (가로로만 반복) repat-y (세로로만 반복)
background-position 배경이미지 위치
background-position : left top
background-position : 100px 200px (왼쪽 100px, 위쪽 200px)
background-size 배경이미지 크기
cover:지정한 요소를 다 덮도록 배경이미지를 확대/축소
contain: 지정한 요소 안에 배경 이미지가 다 나타나도록 배경이미지를 확대/축소
크기값:너비값과 높이값을 지정
숫자 지정: 10px auto와 같이 세로/가로 중 1개 이상의 길이를 지정
background-attachment : 스크롤 지정 scroll (움직임) / fixed (고정)
background-blend-mode : 색상 혼합
background: url('./images/dog1.jpg') 50px 50px/auto 500px no-repeat fixed red
백그라운드 : 주소 위치/사이즈 반복 고정 배경색
을 한번에 작성할 수도 있다.
sumin0gig