表格颜色代码做边框

大唐民风 2010-05-03

展开全文

表格颜色代码做边框

多层宽边框代码
<CENTER>
<TABLE style="LEFT: -70px; WIDTH: 900px; POSITION: relative; HEIGHT: 0px; style: " borderColor=#ff0000 cellSpacing=25 cellPadding=0 width=900 bgColor=#8b0000 border=1 collapse? BORDER-COLLAPSE:>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="WIDTH: 835px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#ffd700 cellSpacing=3 borderColorDark=#ffd700 cellPadding=0 width=835 bgColor=#ffd700 borderColorLight=#ffd700 background=http://www./680/hongxiu/yaoyaosucai/chaguan/112.files/001.gif border=2>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="WIDTH: 826px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#9400d3 cellSpacing=6 cellPadding=0 width=826 bgColor=#9400d3 border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#ffff00 cellSpacing=3 borderColorDark=#ffff00 cellPadding=0 width="100%" bgColor=#ffff00 borderColorLight=#ffff00 background=http://www./680/hongxiu/yaoyaosucai/chaguan/112.files/001.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="WIDTH: 801px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#9999ff cellSpacing=12 borderColorDark=#9999ff cellPadding=0 width=801 bgColor=#9999ff borderColorLight=#9999ff border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="WIDTH: 788px; BORDER-COLLAPSE: collapse; HEIGHT: 0px" borderColor=#ff0000 cellSpacing=3 borderColorDark=#ff0000 cellPadding=0 width=788 bgColor=#ff0000 borderColorLight=#ff0000 background=http://www./680/hongxiu/yaoyaosucai/chaguan/112.files/001.gif border=1>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#da70d6 cellSpacing=0 borderColorDark=#da70d6 cellPadding=0 width="100%" bgColor=#da70d6 borderColorLight=#da70d6 border=1>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word">
<P align=center> </P></EMBED>
<P align=center> </P>< </TR></TBODY></DIV></TR></TBODY></DIV></TR></TBODY></DIV></TR></TBODY></DIV></TR></TBODY></DIV></TR></TBODY></DIV></TR></TBODY></TABLE></CENTER>

用表格颜色代码做的边框
永不失效

多层边框代码:
<P align=center>
<TABLE style="WIDTH: 740px; HEIGHT: 0px" borderColor=#800000 cellSpacing=2 cellPadding=3 width=740 bgColor=#e6e6fa border=10>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#ff1493 cellSpacing=2 cellPadding=3 width="100%" bgColor=#e6e6fa border=5>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0909f7 cellSpacing=2 cellPadding=3 width="100%" bgColor=#e6e6fa border=15>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#9400d3 cellSpacing=2 cellPadding=3 width="100%" bgColor=#e6e6fa border=5>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 630px; HEIGHT: 200px" borderColor=#f73809 cellSpacing=2 cellPadding=3 width=630 bgColor=#e6e6fa border=5>
<TBODY>
<TR>
<TD><FONT size=7>
<P><FONT face=宋体 color=#000000 size=3></FONT></P>

内容

双层边框代码:

<TABLE style="WIDTH: 750px; HEIGHT: 178px" cellSpacing=5 borderColorDark=#9400d3 cellPadding=20 width=843 borderColorLight=#ff4500 border=20>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<TABLE cellSpacing=5 borderColorDark=#ff4500 cellPadding=0 width="100%" borderColorLight=#9400d3 border=12>
<TBODY>
<TR>
<TD width="100%">
<P align=center><FONT size=7>内容</FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
<P></P>

制作多列行表格修改行列数字

输入内容
输入内容

2行表格代码：
<TABLE borderColor=#8O0000 cellSpacing=15 cellPadding=0 width="100%" bgColor=#ffb6C1 border=10>
<TBODY>
<TR>
<TD><FONT color=#0000ff>输入内容</FONT></TD>
<TR>
<TD><FONT color=#0000ff>输入内容</FONT></TD></TR></TBODY></TABLE>

输入内容
输入内容
输入内容
输入内容

多行表格代码
<TABLE borderColor=#9400d3 cellSpacing=10 cellPadding=0 width="100%" bgColor=#fff0f5 border=12>
<TBODY>
<TR>
<TD><FONT color=#00008b>输入内容</FONT></TD>
<TR>
<TD><FONT color=#00008b>输入内容</FONT></TD>
<TR>
<TD><FONT color=#00008b>输入内容</FONT></TD>
<TR>
<TD><FONT color=#00008b>输入内容</FONT></TD></TR></TBODY></TABLE>

输入内容

2列表格代码
<TABLE borderColor=#006400 cellSpacing=10 cellPadding=0 width="100%" bgColor=#bdb76b border=10>
<TBODY>
<TR>
<TD><FONT color=#00008b>输入内容</FONT></TD>
<TD><FONT color=#00008b>输入内容</FONT></TD></TR></TBODY></TABLE>

内容

3列表格代码:
<TABLE borderColor=#ff0000 cellSpacing=10 cellPadding=0 width="100%" bgColor=#bdb76b border=5>
<TBODY>
<TR>
<TD>内容</TD>
<TD>内容</TD>
<TD>内容</TD></TR></TBODY></TABLE>

输入内容	输入内容
输入内容	输入内容

行列合并2行2列代码

<TABLE borderColor=#ff4500 cellSpacing=10 cellPadding=0 width="100%" bgColor=#f0e68c border=10>
<TBODY>
<TR>
<TD><FONT color=#800000>输入内容</FONT></TD>
<TD><FONT color=#800000>输入内容</FONT></TD>
<TR>
<TD><FONT color=#800000>输入内容</FONT></TD>
<TD><FONT color=#800000>输入内容</FONT></TD></TR></TBODY></TABLE>

行列合并6行3列代码:
<P align=center><TABLE style="WIDTH: 660px; HEIGHT: 315px" borderColor=#ff0000 cellSpacing=15 cellPadding=0 width=660 bgColor=#000000 border=10>
<TBODY>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD>
<TR>
<TD> </TD>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>

单元格里水平及垂直方向对齐的方式

默认对齐（不设置）	水平：居中垂直：靠顶代码： vAlign=top align=middle>
水平：居中垂直：默认代码:align=middle	水平：右对齐垂直：靠底代码： vAlign=bottom align=right>

代码：

<TABLE id=table20 width="95%" background=http://image9.360doc.com/DownloadImg/2010/05/0309/3078088_1.gif border=1 aligh="center">
<TBODY>
<TR style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
<TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">
<TABLE id=table21 cellSpacing=20 width="100%" background=http://www./user1/3219/upload/20061171608.gif border=0 aligh="center">
<TBODY>
<TR style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
<TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">
<TABLE id=table22 borderColorDark=#2d3c51 cellPadding=10 width="100%" borderColorLight=#7b93b7 border=5>
<TBODY>
<TR style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
<TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" bgColor=#eee8aa height=200><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#000000 size=4><STRONG>默认对齐（不设置）</STRONG></FONT></TD>
<TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" vAlign=top align=middle bgColor=#e6e6fa height=200><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#000000 size=4><STRONG>水平：居中<BR>垂直：靠顶 <BR>代码： vAlign=top align=middle></STRONG></FONT></TD></TR>
<TR style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
<TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" align=middle bgColor=#e0ffff height=200><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#000000 size=4><STRONG>水平：居中<BR>垂直：默认<BR>代码:align=middle</STRONG></FONT></TD>
<TD style="FONT-SIZE: 9pt; WORD-BREAK: break-all; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体" vAlign=bottom align=right bgColor=#ffefd5 height=200><FONT style="WORD-BREAK: break-all; LINE-HEIGHT: 150%" color=#000000 size=4><STRONG>水平：右对齐<BR>垂直：靠底<BR>代码： vAlign=bottom align=right></STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>