[CSS]background 태그로 배경넣기

background 

 

image : 경로 설정

background-size : 사이즈 설정 (기본 설정으로는 이미지가 크기보다 작을시 repeat /반복 됨)

• cover : 이미지 짤려도 되지만 박스에 다 적용
• contain : 이미지 짤리면 안되니까  남는공간은 여백으로 남겨두고 적용

background-repeat : 기본값인 repeat을 n -repeat으로 재설정

 

background-position : 배경위치 조정

 

background-attachment: 스크롤시 배경 위치 조정 가능

 

filter: 이미지에 보정 입힘 (단, 내부에 글자 있으면 모두 포함되어 보정됨)

---

 

구성 속성은 아래와 같다!!

• background-attachment
• background-clip
• background-color
• background-image
• background-origin
• background-position (en-US)
• background-repeat
• background-size

초기값은 아래와 같다!!

• background-image: none
• background-position (en-US): 0% 0%
• background-size: auto auto
• background-repeat: repeat
• background-origin: padding-box
• background-clip: border-box
• background-attachment: scroll
• background-color: transparent

 

 

https://developer.mozilla.org/ko/docs/Web/CSS/background

background - CSS: Cascading Style Sheets | MDN