body tag 안에 이미지 개수 조정
background-repeat:
background-no-repeat;
body tag 안에 이미지 위치 조정
background-position: bottom
background-position: right
<body style="background-repeat:no-repeat; background-attachment:fixed; background-position:150px 150px;" background="배경그림파일"><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
background-repeat:
background-no-repeat;
body tag 안에 이미지 위치 조정
background-position: bottom
background-position: right
<body style="background-repeat:no-repeat; background-attachment:fixed; background-position:150px 150px;" background="배경그림파일"><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
댓글 4개
Photofly
19년 전
배경고정이군요... 감사합니다....^^
19년 전
배경 고정하면 상당히 속도 저하되던 것 같은데요...
스크롤바 위로~~ 아래로~~~
스크롤바 위로~~ 아래로~~~
19년 전
5.3.4 배경 반복('background-repeat')
값: repeat | repeat-x | repeat-y | no-repeat
최초값: repeat(반복)
적용: 모든 엘레멘트들
전달: 안됨
백분율 값들: 없슴
만일 배경 이미지가 지정되면, 배경 반복('background-repeat')의 값은 어떻게 그 이미지를 반복할 것인가 혹은 반복하지 않을 것인가를 지정한다.
값 'repeat'는 이미지가 수평, 수직 양 방향으로 반복되는 것을 의미한다. 값 'repeat-x' ('repeat-y')는 이미지가 수평(수직) 방향으로 반복되는 것으로 이미지가 한 방향으로 띠를 형성한다. 값 'no-repeat'로는 반복 없이 한번 만 표현된다.
BODY { background: red url(pendant.gif);
background-repeat: repeat-y;
}
위의 예제에서, 이미지는 수직적으로 반복된다.
값: repeat | repeat-x | repeat-y | no-repeat
최초값: repeat(반복)
적용: 모든 엘레멘트들
전달: 안됨
백분율 값들: 없슴
만일 배경 이미지가 지정되면, 배경 반복('background-repeat')의 값은 어떻게 그 이미지를 반복할 것인가 혹은 반복하지 않을 것인가를 지정한다.
값 'repeat'는 이미지가 수평, 수직 양 방향으로 반복되는 것을 의미한다. 값 'repeat-x' ('repeat-y')는 이미지가 수평(수직) 방향으로 반복되는 것으로 이미지가 한 방향으로 띠를 형성한다. 값 'no-repeat'로는 반복 없이 한번 만 표현된다.
BODY { background: red url(pendant.gif);
background-repeat: repeat-y;
}
위의 예제에서, 이미지는 수직적으로 반복된다.
19년 전
5.3.5 배경 첨부('background-attachment')
값: scroll | fixed
최초값: scroll(굴림)
적용: 모든 엘레멘트들
전달: 안됨
백분율 값들: 없슴
만일 배경 이미지가 지정되면, 배경 첨부('background-attachment') 값은 지정한다. 이미지를 화면에 고정시킬 것인가 내용에 따라 굴릴(scroll) 것인가를 지정한다.
BODY {
background: red url(pendant.gif);
background-repeat: repeat-y;
background-attachment: fixed;
}
CSS1 핵심: 사용도구들은 'fixed'를 'scroll'로 처리할 수 있다. 그러나, 제작자가 'fixed' 만을 지원하는 브라우저들에게 이미지를 제공할 수 있는 방법이 없으므로, 최소한 HTML과 BODY 엘레멘트들에서 바르게 'fixed'로 처리할 것을 추천한다. (항목 7 참조.)
W3C CSS1 입니다.
값: scroll | fixed
최초값: scroll(굴림)
적용: 모든 엘레멘트들
전달: 안됨
백분율 값들: 없슴
만일 배경 이미지가 지정되면, 배경 첨부('background-attachment') 값은 지정한다. 이미지를 화면에 고정시킬 것인가 내용에 따라 굴릴(scroll) 것인가를 지정한다.
BODY {
background: red url(pendant.gif);
background-repeat: repeat-y;
background-attachment: fixed;
}
CSS1 핵심: 사용도구들은 'fixed'를 'scroll'로 처리할 수 있다. 그러나, 제작자가 'fixed' 만을 지원하는 브라우저들에게 이미지를 제공할 수 있는 방법이 없으므로, 최소한 HTML과 BODY 엘레멘트들에서 바르게 'fixed'로 처리할 것을 추천한다. (항목 7 참조.)
W3C CSS1 입니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2130 | 17년 전 | 1172 | ||
| 2129 |
ⓧ힘내세요
|
17년 전 | 2230 | |
| 2128 | 17년 전 | 2872 | ||
| 2127 | 17년 전 | 4055 | ||
| 2126 | 17년 전 | 3142 | ||
| 2125 | 17년 전 | 1404 | ||
| 2124 | 17년 전 | 1706 | ||
| 2123 | 17년 전 | 2235 | ||
| 2122 | 17년 전 | 1542 | ||
| 2121 | 17년 전 | 1718 | ||
| 2120 | 17년 전 | 2712 | ||
| 2119 | 17년 전 | 2141 | ||
| 2118 | 17년 전 | 1794 | ||
| 2117 |
아름다운세상
|
17년 전 | 4195 | |
| 2116 | 17년 전 | 3046 | ||
| 2115 | 17년 전 | 1435 | ||
| 2114 |
아름다운세상
|
17년 전 | 3566 | |
| 2113 | 17년 전 | 2793 | ||
| 2112 | 17년 전 | 2072 | ||
| 2111 | 17년 전 | 1287 | ||
| 2110 | 17년 전 | 2327 | ||
| 2109 | 17년 전 | 2063 | ||
| 2108 | 17년 전 | 1982 | ||
| 2107 |
휴전합시다
|
17년 전 | 1918 | |
| 2106 | 17년 전 | 1168 | ||
| 2105 |
 skinartisanCOM |
17년 전 | 1871 | |
| 2104 | 17년 전 | 2925 | ||
| 2103 | 17년 전 | 1426 | ||
| 2102 | 17년 전 | 1668 | ||
| 2101 | 17년 전 | 1353 | ||
| 2100 | 17년 전 | 1598 | ||
| 2099 | 17년 전 | 1571 | ||
| 2098 | 17년 전 | 1443 | ||
| 2097 | 17년 전 | 2555 | ||
| 2096 | 17년 전 | 2321 | ||
| 2095 | 17년 전 | 2107 | ||
| 2094 | 17년 전 | 1417 | ||
| 2093 | 17년 전 | 2427 | ||
| 2092 | 17년 전 | 4255 | ||
| 2091 | 17년 전 | 2740 | ||
| 2090 | 17년 전 | 1658 | ||
| 2089 | 17년 전 | 1849 | ||
| 2088 | 17년 전 | 3225 | ||
| 2087 | 17년 전 | 2226 | ||
| 2086 | 17년 전 | 3820 | ||
| 2085 | 17년 전 | 1671 | ||
| 2084 | 17년 전 | 2267 | ||
| 2083 | 17년 전 | 2095 | ||
| 2082 | 17년 전 | 1610 | ||
| 2081 | 17년 전 | 2125 | ||
| 2080 |
letsgolee
|
17년 전 | 1921 | |
| 2079 | 17년 전 | 1957 | ||
| 2078 | 17년 전 | 3069 | ||
| 2077 | 17년 전 | 2143 | ||
| 2076 | 17년 전 | 1435 | ||
| 2075 | 17년 전 | 1455 | ||
| 2074 | 17년 전 | 2124 | ||
| 2073 | 17년 전 | 3204 | ||
| 2072 | 17년 전 | 2136 | ||
| 2071 |
휴전합시다
|
17년 전 | 1530 | |
| 2070 | 17년 전 | 4237 | ||
| 2069 | 17년 전 | 2031 | ||
| 2068 | 17년 전 | 3458 | ||
| 2067 | 17년 전 | 6029 | ||
| 2066 | 17년 전 | 1483 | ||
| 2065 |
letsgolee
|
17년 전 | 1652 | |
| 2064 | 17년 전 | 1235 | ||
| 2063 | 17년 전 | 1347 | ||
| 2062 |
vicky
|
17년 전 | 2872 | |
| 2061 | 17년 전 | 1908 | ||
| 2060 |
카프카07
|
17년 전 | 2594 | |
| 2059 | 17년 전 | 1302 | ||
| 2058 | 17년 전 | 3184 | ||
| 2057 | 17년 전 | 2161 | ||
| 2056 | 17년 전 | 2606 | ||
| 2055 | 17년 전 | 1405 | ||
| 2054 | 17년 전 | 1751 | ||
| 2053 | 17년 전 | 1145 | ||
| 2052 |
 JCrew |
17년 전 | 1202 | |
| 2051 | 17년 전 | 1785 | ||
| 2050 | 17년 전 | 1227 | ||
| 2049 | 17년 전 | 4307 | ||
| 2048 | 17년 전 | 1504 | ||
| 2047 | 17년 전 | 2002 | ||
| 2046 |
카프카07
|
17년 전 | 7088 | |
| 2045 | 17년 전 | 1382 | ||
| 2044 | 17년 전 | 1894 | ||
| 2043 | 17년 전 | 3132 | ||
| 2042 | 17년 전 | 1220 | ||
| 2041 |
카프카07
|
17년 전 | 1982 | |
| 2040 | 17년 전 | 1152 | ||
| 2039 |
smilesol
|
17년 전 | 1847 | |
| 2038 | 17년 전 | 2150 | ||
| 2037 |
skinartisanCOM |
17년 전 | 2965 | |
| 2036 | 17년 전 | 1244 | ||
| 2035 |
 smyada |
17년 전 | 1333 | |
| 2034 |
ㅣ곰탱이ㅣ
|
17년 전 | 1560 | |
| 2033 |
 허리손반장 |
17년 전 | 1230 | |
| 2032 | 17년 전 | 4352 | ||
| 2031 | 17년 전 | 3894 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기