[css] 배경이미지 고정(body/table) - background-repeat: no-repeat; > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[css] 배경이미지 고정(body/table) - background-repeat: no-repeat;

페이지 정보

본문

BODY 혹은 TABLE에 배경을 고정시켜야만하는 경우가 생긴다.
그때 유용하게 사용될 소스다.

1. 배경이미지 고정 - CSS을 이용한 배경이미지 고정법

<style type="text/css">  
BODY {  
    margin-left1em;  /* 고정 이미지가 보이도록 열어 준 것임 */  
    background-imageurl('배경이미지경로'); /* 배경이미지 경로 */  
    background-position260 left;  /* 디폴트는 top left, 혹은 0 0 */  
    background-attachmentfixed;  
    background-repeatno-repeat;  /* 디폴트는 repeat */  
}  
</style>  
<style type="text/css"> BODY { margin-left: 1em; /* 고정 이미지가 보이도록 열어 준 것임 */ background-image: url('배경이미지경로'); /* 배경이미지 경로 */ background-position: 260 left; /* 디폴트는 top left, 혹은 0 0 */ background-attachment: fixed; background-repeat: no-repeat; /* 디폴트는 repeat */ } </style>
2. TD 배경고정 - CSS을 사용하지 않은 배경이미지 고정법
<TD style='background-image:url(배경이미지경로); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed;'>  
</TD>  
<TD style='background-image:url(배경이미지경로); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed;'> </TD>
## background=position 의 값에 따라 배경이미지의 위치가 달라짐
[사용예]  0 0  => 왼쪽 상단 , bottom 0 => 하단 왼쪽, bottom right => 하단 오른쪽
추천0

댓글목록

profile_image

pahs님의 댓글

pahs쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일

좋은자료 감사드립니다.

profile_image

해맑은하늘님의 댓글

해맑은하늘쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일

찾던자료네요..감사합니다

Total 825건 29 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
125 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25479 0 09-03
124 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25533 1 05-11
123 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25538 0 05-06
122 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25569 0 05-30
121 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25617 0 12-02
120 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25713 0 12-16
119 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25789 0 05-31
118 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25791 0 03-25
117 월드컵쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 25934 0 12-03
116 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26023 0 05-27
115 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26220 0 04-24
114 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26390 0 01-26
113 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26425 0 08-07
112 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26583 0 02-14
111 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26583 0 02-08
열람중 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26636 0 12-02
109 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26666 0 01-24
108 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26668 0 03-25
107 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26709 0 03-19
106 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26856 0 10-28
105 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26889 0 09-12
104 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 26989 0 09-18
103 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27022 0 07-12
102 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27076 0 03-14
101 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27144 0 09-03

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5539-7787
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
3,154
어제
5,045
최대
9,679
전체
2,617,532
Copyright (c) 株式会社YHPLUS. All rights reserved.