漂亮的表格边框特效

高压无形 发表于 2010-9-2 23:38

<DIV style="LEFT: -130px; WIDTH: 700px; POSITION: relative; TOP:100px">
<TABLE style="BORDER-RIGHT: #9900ff 10px dashed; BORDER-TOP: #9900ff 10px dashed; BORDER-LEFT: #9900ff 10px dashed; BORDER-BOTTOM: #9900ff 10px dashed" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4><span href="tag.php?name=%B4%FA%C2%EB" onclick="tagshow(event)" class="t_tag">代码</span>如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px

dashed" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="<FONT color=#000000><span href="tag.php?name=%CD%BC%C6%AC"

onclick="tagshow(event)" class="t_tag">图片</span>地址</FONT></FONT><FONT color=#0000ff size=3>"><BR></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#0000ff size=3></FONT> </P>
<P><FONT face=隶书 color=#0909f7 size=4>二:多层虚线边框效果:</FONT>
<TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff6600 10px dashed; BORDER-TOP: #ff6600 10px dashed; BORDER-LEFT: #ff6600 10px dashed; BORDER-BOTTOM: #ff6600 10px dashed" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed; BORDER-BOTTOM: #9900ff 5px

dashed" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #FF6600 10px dashed; BORDER-TOP:

#FF6600 10px dashed; BORDER-LEFT: #FF6600 10px dashed; BORDER-BOTTOM: #FF6600 10px dashed" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #9900ff 5px dashed; BORDER-TOP: #9900ff 5px dashed; BORDER-LEFT: #9900ff 5px dashed;

BORDER-BOTTOM: #9900ff 5px dashed" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="<FONT color=#000000>图片地址

</FONT></FONT><FONT color=#0000ff size=3>"><BR></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#0000ff size=3></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#0000ff size=3></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#0000ff size=3></FONT> </P><FONT color=#0000ff size=3>
<P><FONT face=隶书 color=#0000ff size=4>三:点虚线边框效果</FONT> </P>
<P><FONT face=隶书><FONT size=4><FONT color=#0909f7>边框凤格属性</FONT><FONT color=#0000ff>dotted：点虚线</FONT></FONT></FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #9900ff 10px dotted; BORDER-TOP: #9900ff 10px dotted; BORDER-LEFT: #9900ff 10px dotted; BORDER-BOTTOM: #9900ff 10px dotted" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 10px <FONT color=#ff0000>dotted</FONT>; BORDER-TOP: #9900ff 10px <FONT color=#ff0000>dotted</FONT>; BORDER-

LEFT: #9900ff 10px <FONT color=#ff0000>dotted</FONT>; BORDER-BOTTOM: #9900ff 10px <FONT color=#ff0000>dotted</FONT>" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书><FONT size=4><FONT color=#0000ff>四:多</FONT><FONT color=#0909f7>层点虚线边框效果</FONT></FONT></FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #9900ff 5px dotted; BORDER-TOP: #9900ff 5px dotted; BORDER-LEFT: #9900ff 5px dotted; BORDER-BOTTOM: #9900ff 5px dotted" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff6600 10px dotted; BORDER-TOP: #ff6600 10px dotted; BORDER-LEFT: #ff6600 10px dotted; BORDER-BOTTOM: #ff6600 10px dotted" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px dotted; BORDER-TOP: #9900ff 5px dotted; BORDER-LEFT: #9900ff 5px dotted; BORDER-BOTTOM: #9900ff 5px dotted" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#3300ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 5px dotted; BORDER-TOP: #9900ff 5px dotted; BORDER-LEFT: #9900ff 5px dotted; BORDER-BOTTOM: #9900ff 5px

dotted" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #FF6600 10px dotted; BORDER-TOP:

#FF6600 10px dotted; BORDER-LEFT: #FF6600 10px dotted; BORDER-BOTTOM: #FF6600 10px dotted" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #9900ff 5px dotted; BORDER-TOP: #9900ff 5px dotted; BORDER-LEFT: #9900ff 5px dotted;

BORDER-BOTTOM: #9900ff 5px dotted" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT

color=#0000ff

size=3>"><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书 color=#0000ff size=4>五:solid：实线边框效果.</FONT></P>
<P><FONT face=隶书><FONT color=#0000ff size=4>边框凤格属性solid：实线边框</FONT></FONT></P>
<P><FONT face=隶书 color=#0000ff size=4>这个实线边框不用CSS语言也能实现.</FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #9900ff 10px solid; BORDER-TOP: #9900ff 10px solid; BORDER-LEFT: #9900ff 10px solid; BORDER-BOTTOM: #9900ff 10px solid" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 10px <FONT color=#ff0000>solid</FONT>; BORDER-TOP: #9900ff 10px <FONT color=#ff0000>solid</FONT>; BORDER-

LEFT: #9900ff 10px <FONT color=#ff0000>solid</FONT>; BORDER-BOTTOM: #9900ff 10px <FONT color=#ff0000>solid</FONT>" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书 color=#0000ff size=4>六:双线边框效果</FONT></P>
<P><FONT size=4><FONT face=隶书><FONT color=#0909f7>边框凤格属性double</FONT><FONT color=#0000ff>：双线边框</FONT></FONT></FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #9900ff 10px double; BORDER-TOP: #9900ff 10px double; BORDER-LEFT: #9900ff 10px double; BORDER-BOTTOM: #9900ff 10px double" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 10px <FONT color=#ff0000>double</FONT>; BORDER-TOP: #9900ff 10px <FONT color=#ff0000>double</FONT>; BORDER-

LEFT: #9900ff 10px <FONT color=#ff0000>double</FONT>; BORDER-BOTTOM: #9900ff 10px <FONT color=#ff0000>double</FONT>" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书><FONT color=#0000ff size=4>七:双线边框效果</FONT></FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #9900ff 5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff6600 10px double; BORDER-TOP: #ff6600 10px double; BORDER-LEFT: #ff6600 10px double; BORDER-BOTTOM: #ff6600 10px double" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px

double" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #FF6600 10px double; BORDER-TOP:

#FF6600 10px double; BORDER-LEFT: #FF6600 10px double; BORDER-BOTTOM: #FF6600 10px double" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #9900ff 5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double;

BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT

color=#0000ff size=3>"><BR></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#0000ff size=3></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT color=#0000ff size=3></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书 color=#0000ff size=4>八：双线，短虚线混用效果</FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #9900ff 8px double; BORDER-TOP: #9900ff 8px double; BORDER-LEFT: #9900ff 8px double; BORDER-BOTTOM: #9900ff 8px double" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff6600 15px dashed; BORDER-TOP: #ff6600 15px dashed; BORDER-LEFT: #ff6600 15px dashed; BORDER-BOTTOM: #ff6600 15px dashed" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下：</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 8px double; BORDER-TOP: #9900ff 8px double; BORDER-LEFT: #9900ff 8px double; BORDER-BOTTOM: #9900ff 8px

double" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #FF6600 15px <FONT

color=#ff0000>dashed</FONT>; BORDER-TOP: #FF6600 15px <FONT color=#ff0000>dashed</FONT>; BORDER-LEFT: #FF6600 15px <FONT color=#ff0000>dashed</FONT>; BORDER-BOTTOM: #FF6600 15px

<FONT color=#ff0000>dashed</FONT>" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #9900ff

5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff

size=3>"><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></F

ONT></P>
<P> </P>
<P><FONT face=隶书 size=4>九：双线，点虚线混用效果</FONT>
<TABLE style="BORDER-RIGHT: #9900ff 8px double; BORDER-TOP: #9900ff 8px double; BORDER-LEFT: #9900ff 8px double; BORDER-BOTTOM: #9900ff 8px double" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #ff6600 15px dotted; BORDER-TOP: #ff6600 15px dotted; BORDER-LEFT: #ff6600 15px dotted; BORDER-BOTTOM: #ff6600 15px dotted" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #9900ff 5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下：</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #9900ff 8px double; BORDER-TOP: #9900ff 8px double; BORDER-LEFT: #9900ff 8px double; BORDER-BOTTOM: #9900ff 8px

double" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #FF6600 15px <FONT

color=#ff0000>dotted</FONT>; BORDER-TOP: #FF6600 15px <FONT color=#ff0000>dotted</FONT>; BORDER-LEFT: #FF6600 15px <FONT color=#ff0000>dotted</FONT>; BORDER-BOTTOM: #FF6600 15px

<FONT color=#ff0000>dotted</FONT>" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #9900ff

5px double; BORDER-TOP: #9900ff 5px double; BORDER-LEFT: #9900ff 5px double; BORDER-BOTTOM: #9900ff 5px double" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff

size=3>"><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></F

ONT></P>
<P> </P>
<P><FONT face=隶书 color=#0000ff size=4>十：3D 沟槽状边框效果</FONT></P>
<P><FONT face=隶书><FONT color=#0000ff size=4>边框凤格属性groove：3D 沟槽状</FONT></FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #6f8a91 20px groove; BORDER-TOP: #6f8a91 20px groove; BORDER-LEFT: #6f8a91 20px groove; BORDER-BOTTOM: #6f8a91 20px groove" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下：</FONT></P>
<P><FONT face=隶书 color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6F8A91 20px <FONT color=#ff0000>groove</FONT>; BORDER-TOP: #6F8A91 20px <FONT

color=#ff0000>groove</FONT>; BORDER-LEFT: #6F8A91 20px <FONT color=#ff0000>groove</FONT>; BORDER-BOTTOM: #6F8A91 20px <FONT color=#ff0000>groove</FONT>" cellSpacing=0

cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT face=隶书 color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT face=隶书></FONT> </P>
<P><FONT face=隶书 size=4>十一：多层3D 沟槽状边框效果</FONT> <BR>
<TABLE style="BORDER-RIGHT: #6f8a91 8px groove; BORDER-TOP: #6f8a91 8px groove; BORDER-LEFT: #6f8a91 8px groove; BORDER-BOTTOM: #6f8a91 8px groove" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 15px groove; BORDER-TOP: #6f8a91 15px groove; BORDER-LEFT: #6f8a91 15px groove; BORDER-BOTTOM: #6f8a91 15px groove" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 5px groove; BORDER-TOP: #6f8a91 5px groove; BORDER-LEFT: #6f8a91 5px groove; BORDER-BOTTOM: #6f8a91 5px groove" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0909f7 size=4>代码如下：</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6f8a91 8px groove; BORDER-TOP: #6f8a91 8px groove; BORDER-LEFT: #6f8a91 8px groove; BORDER-BOTTOM: #6f8a91 8px

groove" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 15px groove; BORDER-TOP:

#6f8a91 15px groove; BORDER-LEFT: #6f8a91 15px groove; BORDER-BOTTOM: #6f8a91 15px groove" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 5px groove; BORDER-TOP: #6f8a91 5px groove; BORDER-LEFT: #6f8a91 5px groove;

BORDER-BOTTOM: #6f8a91 5px groove" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT

color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P>
<P><FONT face=隶书><FONT color=#0000ff size=4>十二：3D 脊状边框效果</FONT></FONT></P>
<P><FONT face=隶书 color=#0000ff size=4>边框凤格属性ridge：3D 脊状</FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #6f8a91 20px ridge; BORDER-TOP: #6f8a91 20px ridge; BORDER-LEFT: #6f8a91 20px ridge; BORDER-BOTTOM: #6f8a91 20px ridge" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下：</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6F8A91 20px <FONT color=#ff0000>ridge</FONT>; BORDER-TOP: #6F8A91 20px <FONT color=#ff3300>ridge</FONT>; BORDER-

LEFT: #6F8A91 20px<FONT color=#ff0000> ridge</FONT>; BORDER-BOTTOM: #6F8A91 20px <FONT color=#ff0000>ridge</FONT>" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书><FONT color=#3300ff size=4>十三：多层3D 脊状边框效果</FONT></FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #6f8a91 8px ridge; BORDER-TOP: #6f8a91 8px ridge; BORDER-LEFT: #6f8a91 8px ridge; BORDER-BOTTOM: #6f8a91 8px ridge" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 15px ridge; BORDER-TOP: #6f8a91 15px ridge; BORDER-LEFT: #6f8a91 15px ridge; BORDER-BOTTOM: #6f8a91 15px ridge" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 5px ridge; BORDER-TOP: #6f8a91 5px ridge; BORDER-LEFT: #6f8a91 5px ridge; BORDER-BOTTOM: #6f8a91 5px ridge" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下：</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6f8a91 8px ridge; BORDER-TOP: #6f8a91 8px ridge; BORDER-LEFT: #6f8a91 8px ridge; BORDER-BOTTOM: #6f8a91 8px ridge"

cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 15px ridge; BORDER-TOP: #6f8a91 15px

ridge; BORDER-LEFT: #6f8a91 15px ridge; BORDER-BOTTOM: #6f8a91 15px ridge" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 5px ridge; BORDER-TOP: #6f8a91 5px ridge; BORDER-LEFT: #6f8a91 5px ridge;

BORDER-BOTTOM: #6f8a91 5px ridge" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT

color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书><FONT color=#0000ff size=4>十四：3D 内嵌边框效果</FONT></FONT></P>
<P><FONT face=隶书 color=#0000ff size=4>边框凤格属性inset：3D 内嵌</FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #6f8a91 20px inset; BORDER-TOP: #6f8a91 20px inset; BORDER-LEFT: #6f8a91 20px inset; BORDER-BOTTOM: #6f8a91 20px inset" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下：</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6F8A91 20px<FONT color=#ff0000> inset</FONT>; BORDER-TOP: #6F8A91 20px <FONT color=#ff0000>inset</FONT>; BORDER-

LEFT: #6F8A91 20px <FONT color=#ff0000>inset</FONT>; BORDER-BOTTOM: #6F8A91 20px <FONT color=#ff0000>inset</FONT>" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书 size=4>十五:多层3D 内嵌边框效果</FONT>
<TABLE style="BORDER-RIGHT: #6f8a91 8px inset; BORDER-TOP: #6f8a91 8px inset; BORDER-LEFT: #6f8a91 8px inset; BORDER-BOTTOM: #6f8a91 8px inset" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 15px inset; BORDER-TOP: #6f8a91 15px inset; BORDER-LEFT: #6f8a91 15px inset; BORDER-BOTTOM: #6f8a91 15px inset" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 5px inset; BORDER-TOP: #6f8a91 5px inset; BORDER-LEFT: #6f8a91 5px inset; BORDER-BOTTOM: #6f8a91 5px inset" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0909f7 size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6f8a91 8px inset; BORDER-TOP: #6f8a91 8px inset; BORDER-LEFT: #6f8a91 8px inset; BORDER-BOTTOM: #6f8a91 8px inset"

cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 15px inset; BORDER-TOP: #6f8a91 15px

inset; BORDER-LEFT: #6f8a91 15px inset; BORDER-BOTTOM: #6f8a91 15px inset" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 5px inset; BORDER-TOP: #6f8a91 5px inset; BORDER-LEFT: #6f8a91 5px inset;

BORDER-BOTTOM: #6f8a91 5px inset" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT

color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书><FONT color=#0000ff size=4>十六:3D 外嵌边框效果</FONT></FONT></P>
<P><FONT face=隶书 color=#0000ff size=4>边框凤格属性outset:3D 外嵌</FONT></P>
<P>
<TABLE style="BORDER-RIGHT: #6f8a91 20px outset; BORDER-TOP: #6f8a91 20px outset; BORDER-LEFT: #6f8a91 20px outset; BORDER-BOTTOM: #6f8a91 20px outset" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6F8A91 20px <FONT color=#ff0000>outset</FONT>; BORDER-TOP: #6F8A91 20px <FONT color=#ff0000>outset</FONT>; BORDER-

LEFT: #6F8A91 20px <FONT color=#ff0000>outset</FONT>; BORDER-BOTTOM: #6F8A91 20px <FONT color=#ff0000>outset</FONT>" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书 color=#0909f7 size=4>十七:多层3D 外嵌边框效果</FONT>
<TABLE style="BORDER-RIGHT: #6f8a91 8px outset; BORDER-TOP: #6f8a91 8px outset; BORDER-LEFT: #6f8a91 8px outset; BORDER-BOTTOM: #6f8a91 8px outset" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 15px outset; BORDER-TOP: #6f8a91 15px outset; BORDER-LEFT: #6f8a91 15px outset; BORDER-BOTTOM: #6f8a91 15px outset" cellSpacing=0

cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 5px outset; BORDER-TOP: #6f8a91 5px outset; BORDER-LEFT: #6f8a91 5px outset; BORDER-BOTTOM: #6f8a91 5px outset" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')"

border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6f8a91 8px outset; BORDER-TOP: #6f8a91 8px outset; BORDER-LEFT: #6f8a91 8px outset; BORDER-BOTTOM: #6f8a91 8px

outset" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 15px outset; BORDER-TOP:

#6f8a91 15px outset; BORDER-LEFT: #6f8a91 15px outset; BORDER-BOTTOM: #6f8a91 15px outset" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 5px outset; BORDER-TOP: #6f8a91 5px outset; BORDER-LEFT: #6f8a91 5px outset;

BORDER-BOTTOM: #6f8a91 5px outset" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><IMG src="图片地址</FONT><FONT

color=#0000ff size=3>">

<BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P>
<P> </P>
<P><FONT face=隶书 size=4>十八:实线,短虚线混用(锯齿边效果)</FONT>
<TABLE style="BORDER-RIGHT: #6f8a91 8px dashed; BORDER-TOP: #6f8a91 8px dashed; BORDER-LEFT: #6f8a91 8px dashed; BORDER-BOTTOM: #6f8a91 8px dashed" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-RIGHT: #6f8a91 15px solid; BORDER-TOP: #6f8a91 15px solid; BORDER-LEFT: #6f8a91 15px solid; BORDER-BOTTOM: #6f8a91 15px solid" cellSpacing=0 cellPadding=0

align=center border=0>
<TBODY>
<TR>
<TD><IMG onmouseover="attachimginfo(this, 'attach_2611', 1);attachimg(this, 'mouseover')" onmouseout="attachimginfo(this, 'attach_2611', 0, event)" alt=""

src="http://upload.yinhuabbs.cn/u/upload/gy/1530002a3-6.jpg" onload="attachimg(this, 'load')" border=0> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
<P><FONT face=隶书 color=#0000ff size=4>代码如下:</FONT></P>
<P><FONT color=#0000ff size=3><TABLE style="BORDER-RIGHT: #6f8a91 8px dashed; BORDER-TOP: #6f8a91 8px dashed; BORDER-LEFT: #6f8a91 8px dashed; BORDER-BOTTOM: #6f8a91 8px

dashed" cellSpacing=0 cellPadding=0 align=center border=0><BR><TBODY><BR><TR><BR><TD><BR><TABLE style="BORDER-RIGHT: #6f8a91 15px solid; BORDER-TOP:

#6f8a91 15px solid; BORDER-LEFT: #6f8a91 15px solid; BORDER-BOTTOM: #6f8a91 15px solid" cellSpacing=0 cellPadding=0 align=center

border=0><BR><TBODY><BR><TR><BR><TD><BR><IMG src="图片地址</FONT><FONT color=#0000ff

size=3>"><BR></TD></TR></TBODY></TABLE><BR></TD></TR></TBODY></TABLE></FONT></P></FONT></div></td></tr></table></DIV><BR><BR><

BR><BR><BR>

逸轩发表于 2010-9-3 00:10

这么漂亮的框框我得用用谢无形

陌儿发表于 2010-9-3 08:06

无形辛苦了，学习！

楚汐发表于 2010-9-3 09:26

无形辛苦了，很漂亮的。。。

页: [1]

中画网's Archiver

漂亮的表格边框特效