background 속성

button등에 이미지를 줄 수 있는 background는

 

background와 background-img 속성이 있다.

 

background-img는 각 속성들을 따로 지정할 수 있고, background는 한번에 지정 가능하다.

 

예제 코드

//background-image 방식
body {
  background-image: url("/test/images/img01.png");
  background-repeat: no-repeat;    //이미지 반복 no
  background-position: 100px 200px;
}

//background 방식
body {
  background: #FFCCCC url("/test/images/img01") no-repeat center 0px;
}

 

※ 참 고

background 방식에서 no-repeat 뒤에오는 center 0px는 가로, 세로를 의미한다