태 그

테이블 테두리와 바탕색

두타 2009. 3. 26. 08:24

1.빨강테두리(바탕 백색)

<body>

<TABLE border="3" bordercolor="red" cellPadding=5 align=center bgColor="white" >

<tr>

<td>

</td></tr></table></body>

------------------------------------

     1-1빨강테두리(바탕 그린)

<body>

<TABLE border="3" bordercolor="red" cellPadding=5 align=center bgColor="green" >

<tr>

<td>

</td></tr></table></body>

-------------------------------

     1-2빨강테두리(바탕 검정)

<TABLE borderColor=red cellPadding=5 align=center bgColor=black border=3>

<TBODY>

<TR>

<TD>

<P></P></TD></TR></TBODY></TABLE>

=====================================

2.그린테두리(바탕 백색)

<body>

<TABLE border="3" bordercolor="green" cellPadding=5 align=center bgColor="white" >

<tr>

<td>

</td></tr></table></body>

----------------------------------------

    2-1 그린테두리(바탕 백색)

<TABLE style="BORDER-RIGHT: #26ff00 3px ridge; BORDER-TOP: #26FF00 3px ridge; BORDER-LEFT: #26FF00 3px ridge; BORDER-BOTTOM: #26FF00 3px ridge; BACKGROUND-COLOR: #ffffff">

<tr>

<td>

</td></tr></body></table>

---------------------------------

    2-2그린테두리(바탕 검정)

<TABLE style="BORDER-RIGHT: #26ff00 3px ridge; BORDER-TOP: #26FF00 3px ridge; BORDER-LEFT: #26FF00 3px ridge; BORDER-BOTTOM: #26FF00 3px ridge; BACKGROUND-COLOR: #000000">

<tr>

<td>

</td></tr></body></table>

* 영영영영영영 은 검정색

========================================

3. 상,하테이블(테이블2개,보라색테두리에 힌바탕)

<TABLE style="BORDER-RIGHT: #e8839e 3px ridge; BORDER-TOP: #e8839e 3px ridge; BORDER-LEFT: #e8839e 3px ridge; BORDER-BOTTOM: #e8839e 3px ridge; BACKGROUND-COLOR: #ffffff">

<TBODY>

<TR>

<TD>

</TD></TR></TBODY></TABLE><PRE></PRE>

<TABLE style="BORDER-RIGHT: #e8839e 3px ridge; BORDER-TOP: #e8839e 3px ridge; BORDER-LEFT: #e8839e 3px ridge; BORDER-BOTTOM: #e8839e 3px ridge; BACKGROUND-COLOR: #ffffff">

<TBODY>

<TR>

<TD>

</TD></TR></TBODY></TABLE>

---------------------------------

    3-1 상,하테이블(테이블2개,빨간색테두리에 검정바탕)

<TABLE style="BORDER-RIGHT: #F50B0B 3px ridge; BORDER-TOP: #F50B0B 3px ridge; BORDER-LEFT: #F50B0B 3px ridge; BORDER-BOTTOM: #F50B0B 3px ridge; BACKGROUND-COLOR: #000000">

<TBODY>

<TR>

<TD>

</TD></TR></TBODY></TABLE><PRE></PRE>

<TABLE style="BORDER-RIGHT: #F50B0B 3px ridge; BORDER-TOP: #F50B0B 3px ridge; BORDER-LEFT: #F50B0B 3px ridge; BORDER-BOTTOM: #F50B0B 3px ridge; BACKGROUND-COLOR: #000000">

<TBODY>

<TR>

<TD>

</TD></TR></TBODY></TABLE>

----------------------------------------

4. 검정테이블

<TABLE style="BACKGROUND-COLOR: #000000">
<TBODY>
<TR>
<TD>
</TD></TR></TBODY></TABLE>

  또는

<body>

<TABLE border="3" bordercolor="red" cellPadding=5 align=center bgColor="black" >

<tr>

<td>

</td></tr></table></body>

======================================

색:   red,  blue,  white,  black,  green

-------------------------------

5.double table

<TABLE width=100 border=3>

<TBODY>

<TR>

<TD style="BORDER-RIGHT: blue 5pt double; BORDER-TOP: blue 5pt double; BORDER-LEFT: blue 5pt double; BORDER-BOTTOM: blue 5pt double">

<P> </P>

<P style="TEXT-ALIGN: center"> </P>

<P> </P></TD></TR></TBODY></TABLE>

==============================================

★TABLE BORDER STYLE 의 종류★

1. [table border style=double]

2. [table border style=solid]

3. [table border style=ridge]

4. [table border style=groove]

 ==========================

초록겹테두리에 검은바탕

<TABLE style="BORDER-RIGHT: #26ff00 5px double; BORDER-TOP: #26FF00 5px double; BORDER-LEFT: #26FF00 5px double; BORDER-BOTTOM: #26FF00 5px double; BACKGROUND-COLOR: #000000">

<tr>

<td>

</td></tr></body></table>

=================================

빨간 겹테두리에 검은 바탕

<TABLE style="BORDER-RIGHT: #f40404 5px double; BORDER-TOP: #f40404 5px double; BORDER-LEFT: #f40404 5px double; BORDER-BOTTOM: #f40404 5px double; BACKGROUND-COLOR: #000000">
<TBODY>
<TR>
<TD>
</P></TD></TR></TBODY></TABLE>

 

 

 

'태 그' 카테고리의 다른 글

[스크랩] table 샘플 6개  (0) 2009.03.31
은은한(마음의눈)  (0) 2009.03.26
테이블  (0) 2009.03.25
테이블  (0) 2009.03.25
블로그에 음악넣기  (0) 2009.03.24