CSS 배경 이미지

CSS 배경 이미지

background-image 요소의 배경으로 사용할 이미지를 지정하는 속성입니다.

기본적으로, 이미지는 전체 요소를 덮기 위해 반복됩니다.

예제

페이지의 배경 이미지는 다음과 같이 설정할 수 있습니다:

body {
  background-image: url("paper.gif");
}

직접 시도해보세요

예제

이 예제에서는 텍스트와 배경 이미지의오류 조합문자가 읽기 어려운 경우:

body {
  background-image: url("bgdesert.jpg");
}

직접 시도해보세요

주의:배경 이미지를 사용할 때, 텍스트를 방해하지 않는 이미지를 사용하십시오.

특정 요소에 배경 이미지를 설정할 수도 있습니다. 예를 들어 <p> 요소:

예제

p {
  background-image: url("paper.gif");
}

직접 시도해보세요