가로로만 반복하려면
------------------------------------------------------
<style>
body { background-image:url("/images/main_bg.gif");
background-repeat: repeat-x;
background-color:#fffff;
}
</style>
------------------------------------------------------
이소스를 head 사이에 넣어주시면 되구요..
세로로 반복하시려면
------------------------------------------------------
<style>
body { background-image:url("/images/main_bg.gif");
background-repeat: repeat-y;
background-color:#fffff;
}
</style>
------------------------------------------------------
repeat-x 를 y 로 바꿔주면 된답니다.^^
그리고 배경이미지가 끝나고 나올 색상을 #FFFFF 대신 넣어주시면 됩니다.^^
===============================================================================
<style type="text/css" media="screen">
body {background: #fff url("/images/main_bg.gif") repeat-x;
</style>
#fff는 #ffffff와 같은 역할을 합니다. 예를 들어 #367이면 #336677이 되지요.
저 세 가지 css 속성은 하나로 축약이 가능 합니다
'스크랩 강좌/팁 > HTML/CSS' 카테고리의 다른 글
| input박스를 꾸며보세요. (0) | 2009/11/05 |
|---|---|
| [HTML] 백그라운드 반복하기 (0) | 2009/10/28 |
| [HTML] 검색엔진최적화(SEO) - 메타태그 속성 정리 (0) | 2009/10/28 |
| [CSS] 테이블이나 셀에 배경 그림주고, 반복하지 않게 고정시키기 (0) | 2009/10/28 |
댓글을 달아 주세요