목차

1. background
2. background-position
3. background-size
4. background : linear-gradient
5. background-fixed

강의 내용

1. background

   • background.html

   

   <aside> 💡 background 속성은 자동으로 반복 설정이 됨 반복 설정을 해제하려면? background-repeat 속성 사용

   background-position : 배경이미지의 좌표값을 설정함 background-posigion : x축 y축

   ---- 코드 부분 ---- background-image: url(img/land.png); background-repeat: no-repeat; background-position: -10px -10px;

   ---- 속기법 ----

   background: url(img/land.png) no-repeat -10px -10px;

   </aside>

2. background-position

   • background2.html

   

3. background-size

   • background3.html

   

   

   

   

   

   

   

   

4. background : Linear-gradient

   • background4.html

   

   

   

   

   

   

5. background-fixed

   • background.html