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 입니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7830 | 9년 전 | 409 | ||
| 7829 |
 gilynh |
9년 전 | 589 | |
| 7828 | 9년 전 | 523 | ||
| 7827 | 9년 전 | 410 | ||
| 7826 | 9년 전 | 419 | ||
| 7825 | 10년 전 | 461 | ||
| 7824 | 10년 전 | 436 | ||
| 7823 | 10년 전 | 358 | ||
| 7822 | 10년 전 | 342 | ||
| 7821 | 10년 전 | 298 | ||
| 7820 | 10년 전 | 340 | ||
| 7819 |
 ABC디자인 |
10년 전 | 743 | |
| 7818 | 10년 전 | 374 | ||
| 7817 | 10년 전 | 495 | ||
| 7816 | 10년 전 | 394 | ||
| 7815 | 10년 전 | 595 | ||
| 7814 | 10년 전 | 415 | ||
| 7813 | 10년 전 | 363 | ||
| 7812 | 10년 전 | 381 | ||
| 7811 | 10년 전 | 383 | ||
| 7810 | 10년 전 | 550 | ||
| 7809 | 10년 전 | 475 | ||
| 7808 | 10년 전 | 368 | ||
| 7807 | 10년 전 | 394 | ||
| 7806 |
프로그래머7
|
10년 전 | 1325 | |
| 7805 | 10년 전 | 1264 | ||
| 7804 |
zahir1312
|
10년 전 | 765 | |
| 7803 |
ABC디자인 |
10년 전 | 1360 | |
| 7802 | 10년 전 | 449 | ||
| 7801 | 10년 전 | 854 | ||
| 7800 | 10년 전 | 1077 | ||
| 7799 | 10년 전 | 539 | ||
| 7798 | 10년 전 | 492 | ||
| 7797 | 10년 전 | 492 | ||
| 7796 | 10년 전 | 335 | ||
| 7795 | 10년 전 | 491 | ||
| 7794 | 10년 전 | 530 | ||
| 7793 | 10년 전 | 1040 | ||
| 7792 | 10년 전 | 452 | ||
| 7791 | 10년 전 | 533 | ||
| 7790 | 10년 전 | 493 | ||
| 7789 |
fbastore
|
10년 전 | 1436 | |
| 7788 | 10년 전 | 528 | ||
| 7787 | 10년 전 | 387 | ||
| 7786 | 10년 전 | 560 | ||
| 7785 | 10년 전 | 566 | ||
| 7784 | 10년 전 | 627 | ||
| 7783 | 10년 전 | 427 | ||
| 7782 | 10년 전 | 478 | ||
| 7781 | 10년 전 | 888 | ||
| 7780 | 10년 전 | 804 | ||
| 7779 | 10년 전 | 768 | ||
| 7778 | 10년 전 | 354 | ||
| 7777 | 10년 전 | 439 | ||
| 7776 | 10년 전 | 444 | ||
| 7775 | 10년 전 | 386 | ||
| 7774 | 10년 전 | 623 | ||
| 7773 | 10년 전 | 370 | ||
| 7772 | 10년 전 | 717 | ||
| 7771 | 10년 전 | 365 | ||
| 7770 | 10년 전 | 635 | ||
| 7769 | 10년 전 | 364 | ||
| 7768 | 10년 전 | 589 | ||
| 7767 | 10년 전 | 1156 | ||
| 7766 | 10년 전 | 485 | ||
| 7765 | 10년 전 | 506 | ||
| 7764 |
잘살아보자
|
10년 전 | 367 | |
| 7763 |
 foxrain |
10년 전 | 1436 | |
| 7762 |
Tosea
|
10년 전 | 1046 | |
| 7761 | 10년 전 | 633 | ||
| 7760 |
잘살아보자
|
10년 전 | 665 | |
| 7759 |
잘살아보자
|
10년 전 | 488 | |
| 7758 |
잘살아보자
|
10년 전 | 576 | |
| 7757 | 10년 전 | 1227 | ||
| 7756 |
ITBANK
|
10년 전 | 1244 | |
| 7755 | 10년 전 | 1919 | ||
| 7754 | 10년 전 | 1042 | ||
| 7753 | 10년 전 | 871 | ||
| 7752 | 10년 전 | 1380 | ||
| 7751 |
잘살아보자
|
10년 전 | 512 | |
| 7750 |
잘살아보자
|
10년 전 | 468 | |
| 7749 |
잘살아보자
|
10년 전 | 468 | |
| 7748 |
잘살아보자
|
10년 전 | 463 | |
| 7747 |
잘살아보자
|
10년 전 | 561 | |
| 7746 |
잘살아보자
|
10년 전 | 671 | |
| 7745 |
잘살아보자
|
10년 전 | 900 | |
| 7744 |
잘살아보자
|
10년 전 | 407 | |
| 7743 | 10년 전 | 937 | ||
| 7742 |
starbros
|
10년 전 | 823 | |
| 7741 |
잘살아보자
|
10년 전 | 658 | |
| 7740 |
잘살아보자
|
10년 전 | 515 | |
| 7739 |
잘살아보자
|
10년 전 | 454 | |
| 7738 |
잘살아보자
|
10년 전 | 520 | |
| 7737 |
잘살아보자
|
10년 전 | 481 | |
| 7736 |
잘살아보자
|
10년 전 | 503 | |
| 7735 |
잘살아보자
|
10년 전 | 833 | |
| 7734 |
잘살아보자
|
10년 전 | 422 | |
| 7733 |
잘살아보자
|
10년 전 | 531 | |
| 7732 |
잘살아보자
|
10년 전 | 684 | |
| 7731 |
잘살아보자
|
10년 전 | 605 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기