http://oxtag.com/html/ex/tableTag01.html
<style>
.Box_000{border:solid 0;padding:0;text-align:justify;}
.Box_001{border:solid 1;border-color:#E7E7E7;padding:5 5 2 5;background-color:#F4F4F4;text-align:justify;}
.Box_002{border:solid 1;border-color:#DDEAA8;padding:5 5 2 5;background-color:#FBFDF1;text-align:justify;}
.Box_003{border:solid 1;border-color:#F9D5D5;padding:5 5 2 5;background-color:#FEF6F6;text-align:justify;}
.Box_004{border:solid 1;border-color:#EFDAF4;padding:5 5 2 5;background-color:#FCF7FD;text-align:justify;}
.Box_005{border:solid 1;border-color:#DCDFF6;padding:5 5 2 5;background-color:#F6F7FE;text-align:justify;}
.Box_006{border:solid 1;border-color:#DAEAEE;padding:5 5 2 5;background-color:#F0F6F8;text-align:justify;}
.Box_007{border:solid 1;border-color:#D5EDDD;padding:5 5 2 5;background-color:#EFF9F2;text-align:justify;}
.Box_008{border:solid 1;border-color:#FFEC15;padding:5 5 2 5;background-color:#FFFCDF;text-align:justify;}
</style>
<div class=Box_001>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_002>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_003>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_004>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_005>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_006>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_007>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<div class=Box_008>
이쁜 테이블 입니다.<br>이쁜 테이블 입니다.
</div>
<br>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 align=center>
<TBODY>
<TR>
<TD style="border:solid 1;border-color:#dacaae;">
<TABLE cellSpacing=0 cellPadding=11 width="100%" border=0>
<TBODY>
<TR>
<TD style="border:solid 1;border-color:#FFFFFF;background-color:#f5f1e8;">
<TABLE cellSpacing=0 cellPadding=15 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#fcfaf7 style='font-size:9pt;font-family:굴림;' align=center>
내용입력<br>내용입력<br>내용입력<br>내용입력<br>내용입력<br>내용입력<br>내용입력<br>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE
style="BORDER-RIGHT: #dce4fd 1px solid; BORDER-TOP: #dce4fd 1px solid; BORDER-LEFT: #dce4fd 1px solid; BORDER-BOTTOM: #dce4fd 1px solid"
cellSpacing=4 cellPadding=0 width="100%" bgColor=#eff2fe border=0>
<TBODY>
<TR>
<TD bgColor=#f7f9fe>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="1231" height="204">
<p> </p>
<p> </p>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<TABLE
style="BORDER-RIGHT: #ffdceb 1px solid; BORDER-TOP: #ffdceb 1px solid; BORDER-LEFT: #ffdceb 1px solid; BORDER-BOTTOM: #ffdceb 1px solid"
cellSpacing=4 cellPadding=0 width="100%" bgColor=#ffeff6 border=0>
<TBODY>
<TR>
<TD bgColor=#fff9fd>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<p> </p>
<p> </p>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
반응형
'인터넷정보' 카테고리의 다른 글
스타일시트로 TEXTarea 자동으로 늘리기. (0) | 2007.10.17 |
---|---|
체크 박스와 라디오 버튼 무지 크게 만들기...-_- (0) | 2007.10.17 |
체크 박스와 라디오 버튼 무지 크게 만들기...-_- (0) | 2007.10.17 |
embed 필터 태그를 이용해서... (0) | 2007.10.17 |
embed 필터 태그를 이용해서... (0) | 2007.10.17 |
이쁜 테이블 태그 (0) | 2007.10.17 |
텍스트 글자스타일 정리 (0) | 2007.10.17 |
텍스트 글자스타일 정리 (0) | 2007.10.17 |
메타태그, 페이지가 스르륵~ 바뀝니다. (0) | 2007.10.17 |
메타태그, 페이지가 스르륵~ 바뀝니다. (0) | 2007.10.17 |