소스자료실

소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 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 기능은 표에도 적용을 할 수가 있습니다..

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

로 지정을 하거나

처럼 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개]