인터넷정보

이쁜 테이블 태그입니다.

알 수 없는 사용자 2007. 10. 10. 11:20
요즘은 모서리 라운드 테이블이 대세인듯 하지만 각진 테이블도 잘 꾸미면 이쁘답니다.


http://oxtag.com/html/ex/tableTag01.html

<FONT size=1><style type="text/css"> <!-- body,td,div {font-size:9pt;font-family:굴림;} .Box_000{border:solid 0;padding:0;text-align:justify;} .Box_001{width:500px;border:solid 1px;border-color:#E7E7E7;padding:5px 5px 2px 5px;background-color:#F4F4F4;text-align:justify;} .Box_002{width:500px;border:solid 1px;border-color:#DDEAA8;padding:5px 5px 2px 5px;background-color:#FBFDF1;text-align:justify;} .Box_003{width:500px;border:solid 1px;border-color:#F9D5D5;padding:5px 5px 2px 5px;background-color:#FEF6F6;text-align:justify;} .Box_004{width:500px;border:solid 1px;border-color:#EFDAF4;padding:5px 5px 2px 5px;background-color:#FCF7FD;text-align:center;} .Box_005{width:500px;border:solid 1px;border-color:#DCDFF6;padding:5px 5px 2px 5px;background-color:#F6F7FE;text-align:center;} .Box_006{width:500px;border:solid 1px;border-color:#DAEAEE;padding:5px 5px 2px 5px;background-color:#F0F6F8;text-align:right;} .Box_007{width:500px;border:solid 1px;border-color:#D5EDDD;padding:5px 5px 2px 5px;background-color:#EFF9F2;text-align:right;} .Box_008{width:500px;border:solid 1px;border-color:#FFEC15;padding:5px 5px 2px 5px;background-color:#FFFCDF;text-align:right;} .Box_009{width:500px;border:solid 1px;border-color:#9DD7E8;padding:5px 5px 2px 5px;background-color:#F8FDFF;text-align:center;} body { scrollbar-highlight-color: #009AFF; scrollbar-shadow-color: #009AFF; scrollbar-arrow-color: #009AFF; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; } --> </style> <center> <div class="Box_001" style="color:#696969"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_002" style="color:#99B81A"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_003" style="color:#D98383"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_004" style="color:#AF69C0"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_005" style="color:#7381EA"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_006" style="color:#619DAC"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_007" style="color:#6FB587"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_008" style="color:#FF9900"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> <div class="Box_009" style="color:#0A8DBD"> 이쁜 테이블 입니다.<br />이쁜 테이블 입니다. </div> <br /> </center> <TABLE cellSpacing="0" cellPadding="0" width="500px" border="0" align="center"> <TBODY> <TR> <TD style="border:solid 1px;border-color:#dacaae;"> <TABLE cellSpacing="0" cellPadding="11px" width="500px" border="0"> <TBODY> <TR> <TD style="border:solid 1px;border-color:#FFFFFF;background-color:#f5f1e8;"> <TABLE cellSpacing="0" cellPadding="15px" width="100%" border="0"> <TBODY> <TR> <TD bgColor="#fcfaf7" align="center"> <font color=#977334>내용입력<br />내용입력<br />내용입력<br />내용입력<br />내용입력<br />내용입력<br />내용입력<br /></font> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> <br /> <TABLE style="BORDER-RIGHT: #dce4fd 1px solid; BORDER-TOP: #dce4fd 1px solid; BORDER-LEFT: #dce4fd 1px solid; BORDER-BOTTOM: #dce4fd 1px solid" cellSpacing="7px" cellPadding="0" width="500px" bgColor="#eff2fe" border="0" align="center"> <TBODY> <TR> <TD bgColor="#f7f9fe"> <TABLE cellSpacing="0" cellPadding="0" width="100%" height="100px" border="0"> <TBODY> <TR> <TD vAlign="top" align="center"> <font color=#7187CA><br />내용입력<br />내용입력<br /></font> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> <br /> <TABLE style="BORDER-RIGHT: #ffdceb 1px solid; BORDER-TOP: #ffdceb 1px solid; BORDER-LEFT: #ffdceb 1px solid; BORDER-BOTTOM: #ffdceb 1px solid" cellSpacing="4px" cellPadding="0" width="500px" bgColor="#ffeff6" border="0" align="center"> <TBODY> <TR> <TD bgColor="#fff9fd"> <TABLE cellSpacing="0" cellPadding="0" width="100%" height="100px" border="0"> <TBODY> <TR> <TD vAlign="top" align="center"> <font color="#E8649D"><br />내용입력<br />내용입력<br /></font> </TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE></FONT>
반응형