스타일시트로 배경이미지 한곳에 고정시키기
본문
<head>와 </head>사이에 아래 소스를 추가합니다.
<style type="text/css">
<!--
body {background:url(배경이미지주소) no-repeat fixed right bottom}
-->
</style>
배경이미지주소는 배경그림의 경로 및 이름
no-repeat는 배경그림을 반복시키지 않음
fixed는 배경그림을 고정
rifht bottom는 배경그림의 위치
배경그림 위치에 따라서.........
left top ☜ 화면 왼쪽의 위
center top ☜ 화면 가운데의 위
right top ☜ 화면 오른쪽의 위
left center ☜ 화면 왼쪽의 가운데
center center ☜ 화면 가운데
right center ☜ 화면 오른쪽의 가운데
left bottom ☜ 화면 왼쪽의 아래
center bottom ☜ 화면 가운데의 아래
right bottom ☜ 화면 오른쪽의 아래
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=89
<style type="text/css">
<!--
body {background:url(배경이미지주소) no-repeat fixed right bottom}
-->
</style>
배경이미지주소는 배경그림의 경로 및 이름
no-repeat는 배경그림을 반복시키지 않음
fixed는 배경그림을 고정
rifht bottom는 배경그림의 위치
배경그림 위치에 따라서.........
left top ☜ 화면 왼쪽의 위
center top ☜ 화면 가운데의 위
right top ☜ 화면 오른쪽의 위
left center ☜ 화면 왼쪽의 가운데
center center ☜ 화면 가운데
right center ☜ 화면 오른쪽의 가운데
left bottom ☜ 화면 왼쪽의 아래
center bottom ☜ 화면 가운데의 아래
right bottom ☜ 화면 오른쪽의 아래
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=89
관련링크
댓글목록
등록된 댓글이 없습니다.