웹마스터 팁
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
질문방에 글남겨주세요.^^
제목 | 글쓴이 | 날짜 |
---|---|---|
시작페이지 만들기 [1] | 정재선 | 2006.06.16 |
'검색'창에 페이지 띄우기 [8] | KLclub | 2006.05.14 |
플래쉬에 회색 상자 뜨지 않게 하기. [8] | 김관석 | 2006.05.13 |
하이퍼링크를 이용한 2가지 유용한 팁 [2] | 웹스터디 | 2006.05.11 |
[동영상] 제2강 글자 관련 태그 [1] | 인테리어뱅크 | 2006.04.11 |
[동영상] 제1강 html 개요 사용방법 | 인테리어뱅크 | 2006.04.11 |
페이지 자동 이동 태그입니다. | 인테리어뱅크 | 2006.04.10 |
오른쪽버튼 금지 및 드래그금지 태그 [3] | 인테리어뱅크 | 2006.04.10 |
브라우저 도메인 주소 안나타나게 하기 [2] | 인테리어뱅크 | 2006.04.10 |
제 홈페이지 분석(뭐징?) [5] | 박현우 | 2006.03.11 |
게시판 글 적을 시에 주소 입력 후 링크연결 안되게 하는 법 [2] | 트릭썬더 | 2006.01.27 |
본문만들기 2장 [4] | 민개 | 2005.12.15 |
HTML 이란? 1장 [1] | 민개 | 2005.12.13 |
게임차트에서 가져오는 실시간 게임순위 [2] | 絶世美男@ | 2005.12.11 |
[HTML] 동영상 강좌_ html 기초부분 [1] | 다모폐인 | 2005.11.15 |
무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] | 한용 | 2005.11.10 |
[동영상강좌] 노프레임 홈페이지만들기 [8] | 꼬냐닷컴 | 2005.10.02 |
필터를 적용한 EMBED 태그 | SHINIYA | 2005.10.01 |
FTP로 홈페이지 출판하기 | 어린공주 | 2005.09.30 |
배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |
body {background: #fff url("/images/main_bg.gif") repeat-x;
</style>
#fff는 #ffffff와 같은 역할을 합니다. 예를 들어 #367이면 #336677이 되지요.
저 세 가지 css 속성은 하나로 축약이 가능 합니다.