STYLE>
body { background-image:url(배경이미지); //배경넎기
background-attachment: no; //배경 스크롤 금지
background-repeat: no-repeat; //배경 반복
background-position: bottom right; } //배경최초 위치
table { background-color: transparent; } //위에 지정한 배경을 표에서도 사용
td { background-color: transparent; } //위에 지정한 배경을 표의 칸에서도 사용 표,칸은 보통 사용하지 않습니다.
</STYLE>
▨ background-attachment스크롤 속성
no :스크롤 안함
scroll : 그림 스크롤함
▨ background-repeat 반복속성
no-repeat : 배경이미지가 반복이 안되게 합니다.
repeat : 모든 방향으로 반복되게 합니다.
repeat-x : x방향(가로)으로만 반복되게 합니다.
repeat-y : y방향(세로)으로만 반복되게 합니다
▨ background-position 속성
키워드 방식 body { background-position: top left; }
top , bottom , left , right , center 도 사용가능 중간에 쉼표 없음
픽셀방식 body { background-position: 40px 50px }
퍼센트 방식 body { background-position: 40% 50% }
▨ background 속성 종합 축약형
body { background : url (이미지주소) 30% 50% repeat-xno white }
이미지주소 위치 반복 고정 배경색
▨ filter: 배경 투명하게 하기
<img src="../images/calendar20031.gif" style="background-color:white;filter:alpha(opacity=40);">
댓글