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 입니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 830 |
|
19년 전 | 2180 | |
| 829 |
|
19년 전 | 1913 | |
| 828 |
|
19년 전 | 1805 | |
| 827 |
|
19년 전 | 1652 | |
| 826 |
|
19년 전 | 1845 | |
| 825 |
|
19년 전 | 1886 | |
| 824 |
|
19년 전 | 1942 | |
| 823 |
|
19년 전 | 2687 | |
| 822 |
|
19년 전 | 5315 | |
| 821 |
|
19년 전 | 1719 | |
| 820 |
|
19년 전 | 1572 | |
| 819 |
|
19년 전 | 1433 | |
| 818 |
|
19년 전 | 1590 | |
| 817 |
|
19년 전 | 1519 | |
| 816 |
|
19년 전 | 1442 | |
| 815 |
|
19년 전 | 1455 | |
| 814 |
|
19년 전 | 1377 | |
| 813 |
|
19년 전 | 1440 | |
| 812 | 19년 전 | 2814 | ||
| 811 |
pearly
|
19년 전 | 3830 | |
| 810 |
pearly
|
19년 전 | 5205 | |
| 809 |
|
19년 전 | 1374 | |
| 808 |
pearly
|
19년 전 | 4537 | |
| 807 | 19년 전 | 2976 | ||
| 806 |
|
19년 전 | 1494 | |
| 805 |
|
19년 전 | 2687 | |
| 804 |
|
19년 전 | 3615 | |
| 803 |
|
19년 전 | 1797 | |
| 802 |
|
19년 전 | 3788 | |
| 801 |
|
19년 전 | 1877 | |
| 800 | 19년 전 | 3770 | ||
| 799 | 19년 전 | 3430 | ||
| 798 | 19년 전 | 4204 | ||
| 797 | 19년 전 | 4055 | ||
| 796 |
|
19년 전 | 1891 | |
| 795 |
|
19년 전 | 1844 | |
| 794 | 19년 전 | 4272 | ||
| 793 | 19년 전 | 2667 | ||
| 792 | 19년 전 | 2542 | ||
| 791 | 19년 전 | 2392 | ||
| 790 | 19년 전 | 1969 | ||
| 789 | 19년 전 | 2586 | ||
| 788 | 19년 전 | 2201 | ||
| 787 | 19년 전 | 1843 | ||
| 786 | 19년 전 | 1971 | ||
| 785 | 19년 전 | 1441 | ||
| 784 |
|
19년 전 | 1692 | |
| 783 | 19년 전 | 2833 | ||
| 782 |
|
19년 전 | 1949 | |
| 781 | 19년 전 | 3242 | ||
| 780 | 19년 전 | 3149 | ||
| 779 |
|
19년 전 | 2241 | |
| 778 |
|
19년 전 | 1792 | |
| 777 | 19년 전 | 2833 | ||
| 776 | 19년 전 | 2897 | ||
| 775 | 19년 전 | 4014 | ||
| 774 |
|
19년 전 | 1972 | |
| 773 | 19년 전 | 2619 | ||
| 772 | 19년 전 | 2336 | ||
| 771 | 19년 전 | 3467 | ||
| 770 |
|
19년 전 | 1428 | |
| 769 | 19년 전 | 1490 | ||
| 768 | 19년 전 | 1767 | ||
| 767 | 19년 전 | 2202 | ||
| 766 | 19년 전 | 1832 | ||
| 765 | 19년 전 | 1693 | ||
| 764 |
|
19년 전 | 2103 | |
| 763 |
|
19년 전 | 2213 | |
| 762 |
|
19년 전 | 4963 | |
| 761 | 19년 전 | 2326 | ||
| 760 |
|
19년 전 | 3191 | |
| 759 | 19년 전 | 2639 | ||
| 758 |
|
19년 전 | 2405 | |
| 757 | 19년 전 | 4697 | ||
| 756 | 19년 전 | 2560 | ||
| 755 |
|
19년 전 | 2411 | |
| 754 |
|
19년 전 | 1948 | |
| 753 |
|
19년 전 | 1728 | |
| 752 |
pearly
|
19년 전 | 3366 | |
| 751 | 19년 전 | 2335 | ||
| 750 |
|
19년 전 | 6156 | |
| 749 | 19년 전 | 2022 | ||
| 748 |
|
19년 전 | 1898 | |
| 747 |
|
19년 전 | 2704 | |
| 746 |
|
19년 전 | 1809 | |
| 745 | 19년 전 | 2279 | ||
| 744 | 19년 전 | 2110 | ||
| 743 |
|
19년 전 | 3561 | |
| 742 | 19년 전 | 2578 | ||
| 741 | 19년 전 | 2742 | ||
| 740 |
|
19년 전 | 4362 | |
| 739 | 19년 전 | 3546 | ||
| 738 |
|
19년 전 | 2304 | |
| 737 | 19년 전 | 4301 | ||
| 736 | 19년 전 | 3265 | ||
| 735 |
홀로남은자
|
19년 전 | 4129 | |
| 734 |
홀로남은자
|
19년 전 | 2020 | |
| 733 |
홀로남은자
|
19년 전 | 2227 | |
| 732 | 19년 전 | 2139 | ||
| 731 | 19년 전 | 3352 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기