background-repeat 속성

background-repeat :

repeat(많이 사용)
no-repeat
repeat-x
repeat-y
space
round
repeat space
round no-repeat
space round

repeat 값

기본값 repeat, 요소가 이미지보다 클 때 종 횡 반복해서 나타낸다.

background-position :

위치 지정

background-size :

contain -> 더 긴 쪽을 요소에 맞추고 짧은 쪽을 남긴다.
cover -> 넘치게 확대하여 좌우를 딱 맞춘다.

배경에 그라데이션 넣기

linear-gradient 이용.

profile
문과를 정말로 존중해

0개의 댓글