● 이미지 사이즈
auto : 이미지 크기대로 지정, cover : 전체 채우기,
contain : 이미지 크기를 최대한 유지하면서 채우기
● 반복처리
background-repeat
● 배치
background-position
● 스크롤 이동 시에 이미지를 고정여부
background-attachment
<실행화면>
아무리 스크롤을 내리거나 올려도 배경 사진은 그 자리에 고정이 되어 있다.
출처 : 크리스마스 이미지(https://pixabay.com/ko/images/search/%ed%81%ac%eb%a6%ac%ec%8a%a4%eb%a7%88%ec%8a%a4/)
'IT수업 > HTML+CSS' 카테고리의 다른 글
| it수업 3주차(19) font size (0) | 2024.01.08 |
|---|---|
| it수업 3주차(18) text (0) | 2024.01.08 |
| it수업 1~2주차(16) 단위 (0) | 2024.01.08 |
| it수업 1~2주차 (15) color (0) | 2024.01.08 |
| it수업 1~2주차(14) width, height (0) | 2024.01.08 |