웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
배경을 가로 또는 세로로 반복하여 보여주는 기능.
2005.09.19 15:40
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
질문방에 글남겨주세요.^^
제목 | 글쓴이 | 날짜 |
---|---|---|
톡톡 튀는 홈페이지 테이블 제작하기 ^^ [6] | piasol | 2004.12.03 |
페이지 회색스크롤바로 바꾸기 | 편입성공기 | 2004.12.06 |
도메인 포워딩 즉 페이지 자동이동하기 [6] | 편입성공기 | 2004.12.06 |
새창에 폼태그로 전송하기 | 편입성공기 | 2004.12.06 |
브라우저 주소창에 긴 경로 안 나타나게 하기 [7] | 편입성공기 | 2004.12.06 |
드래그 금지 및 오른쪽 버튼 금지 소스 [6] | 편입성공기 | 2004.12.06 |
[기초]홈페이지의 프레임 나누기 입니다. [5] | piasol | 2004.12.10 |
XHTML 1.0 Strict에서 더 이상 사용할 수 없는 태그 / 속성 [16] | EDENe | 2005.01.22 |
XHTML 1.0 팁 [8] | EDENe | 2005.01.22 |
포토샵없이 이미지에 멋진 효과 내기 # [5] | Kasis | 2005.02.04 |
문서 출입시 여러가지효과나타내기(메타태그) [1] | HYESOO | 2005.02.11 |
TAG로 이미지테두리 만들기 [3] | 하나둘 | 2005.02.12 |
iframe 그때그때 달라요 ~ [높이자동변경] [15] | kim's | 2005.02.18 |
스킨작업에 중요하게 쓰이는 것들 [2] | ProSense™ | 2005.04.12 |
textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
필터 효과들 [1] | keymove | 2005.07.08 |
효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
색상값의 속성 [2] | 대류 | 2005.08.10 |
Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |
body {background: #fff url("/images/main_bg.gif") repeat-x;
</style>
#fff는 #ffffff와 같은 역할을 합니다. 예를 들어 #367이면 #336677이 되지요.
저 세 가지 css 속성은 하나로 축약이 가능 합니다.