호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
테이블에서 style로 배경그림 지정 태그 (배경그림 고정시키기) 2003-10-24 18:23:06, 조회 : 4,218, 추천 : 24
- SiteLink #1 : http://hobbang.co.kr/zboard/zboard.php?id=snow21&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=655

소스를 가져가는 것은 자유이고 소스 설명을 이해하지 않고 그대로 복사해 가는 경우라면 설명의 출처를 http://hobbang.co.kr 이라고 표기해주시구요.. 자신이 이해하고 이 설명을 참고해서 자신의 홈에 올리는 경우라면 출처 안밝혀도 상관 없습니다.. ^^



가끔은 문서 전체에 배경 그림을 지정하는 것이 아니고 특정 표에서만 배경 그림을 지정해야 하는 경우가 있습니다..

보통 테이블 전체나 테이블의 특정 셀(=테이블의 나뉜 공간) 안에서만 배경을 지정하는 경우에

<table background="배경그림주소"> 이렇게 하면 테이블 전체의 배경 그림 지정이 되고
<td background="배경그림주소"> 이렇게 하면 해당 셀에만 배경 그림을 지정할 수 있습니다..

하지만 이렇게 하면 배경그림이 표(=테이블)보다 작은 경우에 바둑판식으로 반복해서 나와버립니다..

문서에서는 배경 그림이 반복해서 나오지 않게 하기 위해서 style 기능으로 배경그림을 지정을 했었죠?

이 style 기능은 표에도 적용을 할 수가 있습니다..

표에만 배경그림을 지정하는 경우에 태그 안에서

<style>
 table { BACKGROUND: white url(~~~~~~ }
</style>


로 지정을 하거나
<style>
 .tableBG { BACKGROUND: white url(~~~~~~ }
</style>


처럼 class 이름을 지정한 후 배경이 나오게 하고 싶은 표에서 class="tableBG" 처럼 지정해 사용할 수가 있습니다..

하지만 이 방법은 배경그림을 지정하려는 모든 표에서 같은 배경 그림을 사용한다면 모르지만 표마다 배경 그림의 위치나 배경 그림을 다른 걸 사용한다면 <style> 태그에서 지정하는 것보다 <table> 태그나 <td> 태그에서 직접 지정을 해주는 것이 간편할 수가 있습니다..
(이것 역시 문서의 태그 소스 자체가 복잡한 경우라면 class="클래스이름" 방식의 지정이 편하구요)

배경 그림을 테이블의 원하는 위치에 나타나게 하거나 테이블보다 사용될 배경 그림이 작더라도 한 번만 나타나게 하고 싶다면 <table> 태그나 <td> 태그에서 다음과 같이 직접 style을 지정합니다..
(기본적인 배경그림 지정하는 태그에 대한 설명은 SiteLink #1에 지정된 주소를 클릭해서 내용 보기 바랍니다)

style="BACKGROUND:white url('배경그림주소') no-repeat right bottom"


<table style="BACKGROUND: ~~~~"> 이렇게 하면 테이블 전체에 대한 배경그림 지정이고
<td style="BACKGROUND: ~~~~"> 이렇게 하면 테이블의 해당 셀에서만 배경그림 지정이 됩니다..

<table> 태그와 <td> 태그에서 지정하는 width=" "나 height=" " 등의 추가로 지정하는 옵션들은 같이 사용 가능한 건 다 아시죠?



2022-05-17
03:15:40


  추천하기   목록보기

현재글을 이메일로 보내기

No 제 목 글쓴이 작성일 조회
718   플래시 벽시계     10-10 19:46 4769
717   style로 배경그림 지정 태그 (배경그림 고정시키기)     10-24 18:20 4714
716   전광판 자바애플릿 태그     10-12 21:04 4705
715   마우스 따라 움직이는 플래시 고양이     02-01 01:40 4508
714   창을 일정 시간 후 자동으로 닫기(종료하기)     10-02 04:00 4468
713   이쁜 마우스 포인터(커서) 사용하기 js 파일 - 1     10-08 06:41 4420
712   [포토샵] 연필로 그린 효과 만들기 - 2     12-05 12:55 4376
711   [포토샵] 인물 사진 뽀샤시 하게(모델 사진처럼) 만들기     11-16 09:51 4371
710   [펌] 플래시 동영상 강좌     09-29 16:12 4368
709   호빵홈 공지/메모 화면처럼 이쁜 마우스 포인터(커서) 사용하기     10-08 06:10 4352
708   마퀴 태그를 이용한 낙엽이 떨어지는 소스     09-06 04:18 4343
707   홈피나 게시판 꾸미기에 사용하면 좋을 듯한 플래시 파일 모음     04-01 18:51 4313
  테이블에서 style로 배경그림 지정 태그 (배경그림 고정시키기)     10-24 18:23 4218
705   [펌] 마퀴되어 멈추는 글과 세로 줄무늬 태그     05-15 00:06 4182
704   플래시 디지캐럿 시계     10-18 23:25 4179
   [1][2][3] 4 [5][6][7][8][9][10]..[51] [다음 10개]
 
Copyright 1999-2022 Zeroboard / skin by Praise Jesus
Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.