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 입니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1030 | 18년 전 | 1788 | ||
| 1029 | 18년 전 | 2221 | ||
| 1028 | 18년 전 | 2631 | ||
| 1027 | 18년 전 | 1791 | ||
| 1026 | 18년 전 | 1527 | ||
| 1025 | 18년 전 | 1542 | ||
| 1024 | 18년 전 | 1464 | ||
| 1023 | 18년 전 | 3227 | ||
| 1022 | 18년 전 | 2917 | ||
| 1021 | 18년 전 | 1676 | ||
| 1020 | 18년 전 | 3415 | ||
| 1019 | 18년 전 | 1841 | ||
| 1018 | 18년 전 | 1491 | ||
| 1017 | 18년 전 | 1958 | ||
| 1016 | 18년 전 | 2100 | ||
| 1015 | 18년 전 | 1632 | ||
| 1014 | 18년 전 | 2343 | ||
| 1013 | 18년 전 | 2001 | ||
| 1012 | 18년 전 | 1624 | ||
| 1011 | 18년 전 | 1785 | ||
| 1010 | 18년 전 | 2039 | ||
| 1009 | 18년 전 | 1803 | ||
| 1008 | 18년 전 | 1612 | ||
| 1007 | 18년 전 | 1666 | ||
| 1006 | 18년 전 | 3133 | ||
| 1005 | 18년 전 | 1996 | ||
| 1004 | 18년 전 | 1872 | ||
| 1003 | 18년 전 | 4369 | ||
| 1002 | 18년 전 | 4994 | ||
| 1001 | 18년 전 | 3163 | ||
| 1000 | 18년 전 | 2909 | ||
| 999 | 18년 전 | 3500 | ||
| 998 | 18년 전 | 2047 | ||
| 997 | 18년 전 | 2408 | ||
| 996 | 18년 전 | 2700 | ||
| 995 | 18년 전 | 2756 | ||
| 994 | 18년 전 | 2348 | ||
| 993 | 18년 전 | 1615 | ||
| 992 | 18년 전 | 3378 | ||
| 991 | 18년 전 | 1988 | ||
| 990 | 18년 전 | 2383 | ||
| 989 | 18년 전 | 2456 | ||
| 988 | 18년 전 | 2884 | ||
| 987 | 18년 전 | 5219 | ||
| 986 |
 드렁크수달스 |
18년 전 | 2492 | |
| 985 |
드렁크수달스 |
18년 전 | 3342 | |
| 984 | 19년 전 | 4278 | ||
| 983 |
느낌좋은날
|
19년 전 | 2500 | |
| 982 | 19년 전 | 2466 | ||
| 981 | 19년 전 | 4041 | ||
| 980 | 19년 전 | 2748 | ||
| 979 |
Sinpre
|
19년 전 | 2990 | |
| 978 | 19년 전 | 2207 | ||
| 977 | 19년 전 | 2222 | ||
| 976 | 19년 전 | 1991 | ||
| 975 | 19년 전 | 3273 | ||
| 974 | 19년 전 | 2106 | ||
| 973 |
 MCLUB |
19년 전 | 2788 | |
| 972 |
MCLUB |
19년 전 | 1747 | |
| 971 | 19년 전 | 5320 | ||
| 970 | 19년 전 | 3573 | ||
| 969 | 19년 전 | 4322 | ||
| 968 | 19년 전 | 3068 | ||
| 967 | 19년 전 | 2526 | ||
| 966 | 19년 전 | 3923 | ||
| 965 | 19년 전 | 2651 | ||
| 964 | 19년 전 | 2994 | ||
| 963 | 19년 전 | 2962 | ||
| 962 | 19년 전 | 4177 | ||
| 961 | 19년 전 | 3128 | ||
| 960 | 19년 전 | 3022 | ||
| 959 | 19년 전 | 3672 | ||
| 958 | 19년 전 | 2976 | ||
| 957 | 19년 전 | 2190 | ||
| 956 | 19년 전 | 2225 | ||
| 955 | 19년 전 | 2177 | ||
| 954 | 19년 전 | 2769 | ||
| 953 | 19년 전 | 2478 | ||
| 952 | 19년 전 | 3345 | ||
| 951 | 19년 전 | 3202 | ||
| 950 | 19년 전 | 1826 | ||
| 949 | 19년 전 | 2740 | ||
| 948 | 19년 전 | 7828 | ||
| 947 |
 두루굳센™ |
19년 전 | 2503 | |
| 946 |
DeepnBlue
|
19년 전 | 3106 | |
| 945 |
pearly
|
19년 전 | 2878 | |
| 944 | 19년 전 | 3026 | ||
| 943 |
 AGAWEB |
19년 전 | 2227 | |
| 942 | 19년 전 | 2453 | ||
| 941 |
AGAWEB |
19년 전 | 4077 | |
| 940 | 19년 전 | 2235 | ||
| 939 |
AGAWEB |
19년 전 | 4220 | |
| 938 |
AGAWEB |
19년 전 | 2384 | |
| 937 | 19년 전 | 2077 | ||
| 936 |
AGAWEB |
19년 전 | 2329 | |
| 935 | 19년 전 | 1873 | ||
| 934 |
AGAWEB |
19년 전 | 2410 | |
| 933 | 19년 전 | 2201 | ||
| 932 |
AGAWEB |
19년 전 | 3070 | |
| 931 | 19년 전 | 1856 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기