공부방


배경이미지 제어 태그

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/a37/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수
26 Life 추석 연휴 응급환자 발생시 대처 요령 구자경 2010-09-18 11360
25 Life 칭찬은 때로 아이를 병들게 한다 구자경 2009-11-29 9261
24 Life 식사후 15분이 당신의 몸매 결정 구자경 2009-10-26 9411
23 Life 감기도 아닌데, 왜 자꾸 기침이 구자경 2009-03-29 9432
22 Life 남자의 피부는 다르다 구자경 2009-03-29 9722
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 14404
13 Web 글자 효과 태그 구자경 2001-09-30 11717
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