2008. 10. 24. 10:58


1. table또는 td에 써주기
style="background-repeat:no-repeat; background-position:top;"

2. 클래스로 주기
<style>
.bg_01 {
  background-image: url(이미지경로/화일명);
  background-repeat: no-repeat;
  background-color : #C4F0F9
}
</style>

1. 배경이미지 반복
background-repeat :
 repeat       : 배경이미지 연속
 repeat-x     : 배경이미지 x축 방향으로  연속
 repeat-y     : 배경이미지 y축 방향으로 연속
 no-repeat    : 배경이미지 반복 없음

2. 배경이미지 위치
background-position : 
 left         : 배경이미지를 좌측에
 right        : 배경이미지를 우측에
 center       : 배경이미지를 중앙에
 top          : 배경이미지를 위에
 bottom       : 배경이미지를 아래에

3. 배경이미지 스크롤
background-attachment :
 scroll       : 배경이미지가 텍스트와 함께 스크롤
 fixed        : 배경이미지는 고정되고 텍스트만 스크롤



'Website 세상 > Web Design' 카테고리의 다른 글

자동으로 Blur 효과 주기  (0) 2008.10.24
인풋창 태그 입력 방지  (0) 2008.10.24
css 속성  (0) 2008.10.15
스타일시트를 이용한 글씨 세로로 쓰기  (0) 2008.09.29
CI SYSTEM  (0) 2008.09.11
Posted by ToTb