웹디자인 강의 - HTML/CSS
글수 464
http://ggonya.com제홈페이지 배경은 그라디언트를 이용해서 만든배경입니다.
보시다시피 노프레임인데두 내려가도 끝이없이 흰색으로 나타납니다.
다음과같이 하려면 가로로만 반복이되야겠죠. ?
가로로만 반복하려면
------------------------------------------------------
<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 대신 넣어주시면 됩니다.^^
기타 질문사항 있으시면 http://ggonya.com
질문방에 글남겨주세요.^^
보시다시피 노프레임인데두 내려가도 끝이없이 흰색으로 나타납니다.
다음과같이 하려면 가로로만 반복이되야겠죠. ?
가로로만 반복하려면
------------------------------------------------------
<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 대신 넣어주시면 됩니다.^^
기타 질문사항 있으시면 http://ggonya.com
질문방에 글남겨주세요.^^



body {background: #fff url("/images/main_bg.gif") repeat-x;
</style>
#fff는 #ffffff와 같은 역할을 합니다. 예를 들어 #367이면 #336677이 되지요.
저 세 가지 css 속성은 하나로 축약이 가능 합니다.