[css 9.] 이미지 background로 설정 + gradient 그라데이션 넣기

css background 범위 background-clip : border-box; padding-box; content-box; 배경을 어디까지 적용할지 지정 (테두리까지, 패딩까지, 컨텐츠까지) css background 이미지 설정 background-image : url( '파일경로' ) 배경 이미지 지정 이미지 사이즈대로 들어가는게 아니라 태그의 크기만큼 들어가기 때문에 width(너비), height(높이) 지정되어있어야 나옴 background-repeat : repeat; no-repeat; 이미지 반복 여부, 방향 지정 ↓ 추가옵션 ↓ repeat-x;(가로 반복) repeat-y;(세로 반복) round;(이미지 자동조절하여 반복) space; (이미지 잘리지 않도록 여백 가지면서 반복) background-position : x위치 y위치; 이미지 위치 지정 x위치 y위치 left top center center right bottom 백분율(%) 백분율(%) ...

원문링크 : [css 9.] 이미지 background로 설정 + gradient 그라데이션 넣기