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 입니다.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 1730 | 17년 전 | 1182 | ||
| 1729 | 17년 전 | 1613 | ||
| 1728 | 17년 전 | 1679 | ||
| 1727 | 17년 전 | 1818 | ||
| 1726 | 17년 전 | 2954 | ||
| 1725 | 17년 전 | 2092 | ||
| 1724 |
|
17년 전 | 1770 | |
| 1723 |
끝없는사랑
|
17년 전 | 2113 | |
| 1722 |
끝없는사랑
|
17년 전 | 1822 | |
| 1721 | 17년 전 | 3349 | ||
| 1720 | 17년 전 | 1532 | ||
| 1719 | 17년 전 | 1650 | ||
| 1718 |
사랑합니다
|
17년 전 | 1368 | |
| 1717 | 17년 전 | 2189 | ||
| 1716 | 17년 전 | 3143 | ||
| 1715 |
|
17년 전 | 2278 | |
| 1714 |
|
17년 전 | 1734 | |
| 1713 | 17년 전 | 2992 | ||
| 1712 | 17년 전 | 4428 | ||
| 1711 | 17년 전 | 1739 | ||
| 1710 | 17년 전 | 3241 | ||
| 1709 |
jeans
|
17년 전 | 1566 | |
| 1708 |
 mando |
17년 전 | 3476 | |
| 1707 | 17년 전 | 5841 | ||
| 1706 |
|
17년 전 | 1420 | |
| 1705 |
|
17년 전 | 2159 | |
| 1704 | 17년 전 | 1792 | ||
| 1703 |
심심맨닷컴
|
17년 전 | 1552 | |
| 1702 | 17년 전 | 2427 | ||
| 1701 |
|
17년 전 | 2630 | |
| 1700 | 17년 전 | 1600 | ||
| 1699 | 17년 전 | 2683 | ||
| 1698 |
RedRiverFisher
|
17년 전 | 3170 | |
| 1697 |
심심맨닷컴
|
17년 전 | 1528 | |
| 1696 |
eclub
|
17년 전 | 1940 | |
| 1695 | 17년 전 | 3849 | ||
| 1694 |
깜장고무신
|
17년 전 | 4479 | |
| 1693 |
stuartkim
|
17년 전 | 1883 | |
| 1692 |
stuartkim
|
17년 전 | 1751 | |
| 1691 |
 hanpedro |
17년 전 | 2680 | |
| 1690 | 17년 전 | 1846 | ||
| 1689 | 17년 전 | 3934 | ||
| 1688 | 17년 전 | 1656 | ||
| 1687 | 16년 전 | 1930 | ||
| 1686 |
hanpedro |
17년 전 | 2260 | |
| 1685 | 17년 전 | 2107 | ||
| 1684 |
 cmpanel |
17년 전 | 3573 | |
| 1683 |
leeLook
|
17년 전 | 1593 | |
| 1682 | 17년 전 | 2655 | ||
| 1681 | 17년 전 | 1645 | ||
| 1680 | 17년 전 | 1909 | ||
| 1679 | 17년 전 | 7421 | ||
| 1678 | 17년 전 | 1996 | ||
| 1677 | 17년 전 | 4093 | ||
| 1676 | 17년 전 | 2416 | ||
| 1675 | 17년 전 | 2426 | ||
| 1674 | 17년 전 | 2150 | ||
| 1673 | 17년 전 | 2197 | ||
| 1672 | 17년 전 | 2626 | ||
| 1671 | 17년 전 | 3220 | ||
| 1670 | 17년 전 | 5331 | ||
| 1669 |
플래시007
|
17년 전 | 2785 | |
| 1668 |
cmpanel |
17년 전 | 2697 | |
| 1667 | 17년 전 | 2551 | ||
| 1666 |
|
17년 전 | 1797 | |
| 1665 | 17년 전 | 2207 | ||
| 1664 | 17년 전 | 5307 | ||
| 1663 |
cmpanel |
17년 전 | 3023 | |
| 1662 |
cmpanel |
17년 전 | 2580 | |
| 1661 |
cmpanel |
17년 전 | 3256 | |
| 1660 |
cmpanel |
17년 전 | 2473 | |
| 1659 |
cmpanel |
17년 전 | 2829 | |
| 1658 | 17년 전 | 5878 | ||
| 1657 | 17년 전 | 2633 | ||
| 1656 |
Piece
|
17년 전 | 2019 | |
| 1655 |
|
17년 전 | 2653 | |
| 1654 | 17년 전 | 1475 | ||
| 1653 | 17년 전 | 9800 | ||
| 1652 | 17년 전 | 4460 | ||
| 1651 | 17년 전 | 3289 | ||
| 1650 | 17년 전 | 1813 | ||
| 1649 | 17년 전 | 3603 | ||
| 1648 | 17년 전 | 2289 | ||
| 1647 | 17년 전 | 3735 | ||
| 1646 | 17년 전 | 5190 | ||
| 1645 | 17년 전 | 3846 | ||
| 1644 | 17년 전 | 2700 | ||
| 1643 | 17년 전 | 2946 | ||
| 1642 | 18년 전 | 2453 | ||
| 1641 | 18년 전 | 2794 | ||
| 1640 |
porgy
|
18년 전 | 1901 | |
| 1639 | 18년 전 | 3451 | ||
| 1638 |
컴퓨터기술자
|
18년 전 | 2141 | |
| 1637 |
 FreeMax |
18년 전 | 2261 | |
| 1636 | 18년 전 | 2074 | ||
| 1635 | 18년 전 | 3050 | ||
| 1634 |
귀여운현호
|
18년 전 | 1997 | |
| 1633 |
태양의서쪽
|
18년 전 | 2675 | |
| 1632 | 18년 전 | 3875 | ||
| 1631 | 18년 전 | 4570 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기