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 |