代码如下:

<table align="center" border="0" cellpadding="0" cellspacing="0" width="400" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"><TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD width="50%" align=left><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta1.gif"></TD><TD width="50%" align=right><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta2.gif"></TD></TR></TBODY></TABLE> <br> <img border="0" src="http://food.poco.cn/images/diary/20040815/5370820040815235716.jpg" width="300" height="300"><br> <br> <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD width="50%" align=left><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta3.gif"></TD><TD width="50%" align=right><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/ta4.gif"></TD></TR></TBODY></TABLE></td></tr></table>



效果图:

二、看起来好像是用了四层表格，其实只用了两层，同一个背景图。主要是边框向光和背光部分的颜色应用起到的效果：

代码如下:

<table align="center" border="1" cellpadding="8" cellspacing="10" width="400" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"><tr><td width="100%" align="center"> <table lign="center" border="1" cellpadding="4" cellspacing="6" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg" bordercolorlight="#0C091D" bordercolordark="#C0B4FE"><tr><td width="100%" align="center"> <br> <img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg"><br> <br> </td></tr></table></td></tr></table>

效果图:

三、这种效果其实有好几种方法做出来，但是在我认为这种是最简单的，只是金色背景那层（第二层）表格的宽是100%其它属性值一律为0。主要是在第三层，第三层的宽width的取值要是99%，而第三层的td里的width属性要是100%：

代码如下:

<table align="center" border="0" cellpadding="0" cellspacing="10" width="610" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"><table lign="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj02.jpg"><tr><td width="100%" align="center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="99%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"> <br><br><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg"> <br><br></td></tr></table></td></tr></table></td></tr></table>



效果图:

四、把图片应用到边框上面，整个表格的大小很重要，调整也是件麻烦的事，所以建议大家用表格格线的厚度cellspacing的属性值或者是表格格线的间距cellpadding的属性值来调整。

代码如下:

<table align="center" border="1" cellpadding="0" cellspacing="10" width="610" background="HTML/jcbj03.jpg" bordercolorlight="#C0B4FE" bordercolordark="#0C091D"><tr><td width="100%" align="center"><table align="center" border="1" cellpadding="0" cellspacing="18" width="100%" background="HTML/xing.gif" bordercolor="#C0B4FE"><tr><td width="100%" align="center"><table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" background="http://cry.shidabbs.com/home/bbsjc/images/jcbj01.jpg"><tr><td width="100%" align="center"> <br><br><img border="0" src="http://cry.shidabbs.com/home/bbsjc/images/jchanxing.jpg"> <br><br></td></tr></table></td></tr></table></td></tr></table>



效果图: