4. CSS_배경 관련 CSS 속성

📌 body 스타일

body {
  background-color : silver;              /* 배경색 */
  background-image : url(images/shoes1.png); /* 배경 이미지 */
  background-repeat: repeat-y;            /* 세로(y축)로만 반복 */
  background-position : top right;        /* 이미지 위치: 위쪽 오른쪽 */
  background-attachment : fixed;          /* 스크롤해도 배경 고정 */
}

 

 

• background-color : 기본 바탕색. (이미지 비는 부분 채움)
• background-image : 배경에 들어갈 이미지.
• background-repeat :
  • repeat (가로+세로 반복, 기본값)
  • repeat-x (가로만 반복)
  • repeat-y (세로만 반복)
  • no-repeat (반복 없음)
• background-position : 배경 시작 위치.
  • top, bottom, left, right, center 조합 가능.
• background-attachment :
  • scroll (기본, 스크롤 따라감)
  • fixed (화면에 고정됨)

 

---

📌 div 스타일

div {
  background : url(images/bg1.png) repeat-y fixed;
}