타이틀에 배경 예쁘게 적용하기

hyein·2022년 7월 31일
background-image: url("rabbit.jpg");
            background-size: cover;
            background-position: center;
  • background-size에 auto, contain, cover가 있다.

auto: 원본크기를 유지함.
contain: 요소 안에 배경이 다 들어오도록 만든다.(요소를 채우기 위해 배경 반복을 하기도 함)
cover: 배경이미지 자체 사이즈를 요소에 모두 차게 조절한다.

0개의 댓글