공부방


배경이미지 제어 태그

Web 조회 수 14930 추천 수 151 2001.09.30 09:33:04
◈ 배경이미지 무반복
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:no-repeat}
</style>

◈ 배경이미지 가로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:repeat-x}
</style>

◈ 배경이미지 세로만 반복
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:repeat-y}
</style>

◈ 배경이미지 특정위치에 놓기(주의 : 넷스케이프 지원안함)
<style type="text/css">
body {background-image:url(배경이미지 파일명); background-repeat:no-repeat}
background-attachment : fixed; background-position : 50% 50%}
</style>
바로 위의 스타일시트 태그는 배경이미지를 반복하지 않고 중앙에 배경이미지 하나만을 위치시키도록 하는 스타일시트 태그입니다.
여기서 위의 스타일시트 태그의 no, x, y, 50%등을 응용하면 배경이미지를 자유자재로 위치시킬수 있습니다.
profile 정말 사랑한다면
아껴주세요..
엮인글 :
http://www.angelbeat.kr/xe/383/b73/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수
22 Life 남자의 피부는 다르다 구자경 2009-03-29 9679
21 Life 떼쓰는 아이에게 효과적으로 대응하는 방법 구자경 2009-02-04 8632
20 Life 사고난 중고차, 속지 말고 사세요 구자경 2009-02-04 8277
19 Life 잘못된 속설이 차 수명 단축 구자경 2007-08-05 11100
18 Life [웰빙] 입술보면 ‘내몸의 병’보인다 구자경 2006-12-14 10088
17 Life 목욕도 과학이다…체질에 따른 목욕법 구자경 2006-11-21 10273
» Web 배경이미지 제어 태그 구자경 2001-09-30 14930
15 Web 웹마스터의 직종분류 구자경 2001-09-30 13884
14 Web 배너 광고의 이미지 규격... 구자경 2001-09-30 14355
13 Web 글자 효과 태그 구자경 2001-09-30 11601
12 Web css 란? 구자경 2001-09-30 9798
11 Web 웹페이지기획기술 구자경 2001-09-30 10829
10 Web 로고 제작시 유의사항 구자경 2001-09-30 10122
9 Web 로딩속도 향상시키는 방법.. 구자경 2001-09-30 9973
8 Web 웹 디자인을 할 때 주의할 점들 구자경 2001-09-30 10307
7 Web 현재 날짜와 시간 디스플레이 하기 구자경 2001-09-30 10081
6 Web 검색엔진 등록시 키워드 작성요령 구자경 2001-09-30 12642
5 Web 도메인등록시 Q & A 구자경 2001-09-30 13265