華中天地論壇 - Powered by Discuz! Board

井字型边框

井字型边框是利用TABLE不同的背景颜色做出来的……

代码：

<center>
<div style="width:96%">
<table width=96% border=0 cellspacing=0>
<tr>
<th width=5%><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84%><br></th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5%><br></th>
</tr>
<tr>
<th width=5% bgcolor=#cc9999 ><br></th>
<th width=3% bgcolor=#cc9999><br></th>
<th width=84% bgcolor=#cc9999><br></th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5% bgcolor=#cc9999><br></th>
</tr>
<tr>
<th width=5%><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84%>
<table cellspacing=15><tr><th>
<font color=#553333 size=5>
井字型边框是利用TABLE不同的背景颜色做出来的……
</font>
</th></tr></table> 
</th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5%><br></th>
</tr>
<tr>
<th width=5% bgcolor=#ffdddd><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84% bgcolor=#ffdddd><br></th>
<th width=3% bgcolor=#ffdddd><br></th>
<th width=5% bgcolor=#ffdddd><br></th>
</tr>
<tr>
<th width=5%><br></th>
<th width=3% bgcolor=#eebbbb><br></th>
<th width=84%><br></th>
<th width=3% bgcolor=#FACEB2><br></th>
<th width=5%><br></th>
</tr>
</table>
</div>
</center>

<br><br> <center> <div style="width:80%"> <table width="80%" cellspacing=0 border=0> <tr> <td width="3%" bgcolor="#808080"><br></td> <td width="94%" bgcolor="#cccccc"><br></td> <td width="3%" bgcolor="#808080"><br></td> </tr> <tr> <td width="3%" bgcolor="#cccccc"><br></td> <th width="94%" bgcolor="#ffffff"> <table cellpadding=20><tr><td> <font color="#333333" size=5> TABLE技巧小装饰-TABLE四角明暗重叠<br> 利用颜色的浓淡而做出来的效果……</font> </td></tr></table> </th> <td width="3%" bgcolor="#cccccc"><br></td> </tr> <tr> <td width="3%" bgcolor="#808080"><br></td> <td width="94%" bgcolor="#cccccc"><br></td> <td width="3%" bgcolor="#808080"><br></td> </tr> </table></div></center>

<center> <div style="width:700px"> <table width=700 cellpadding=3 border=0 cellspacing=0> <tr><td bgcolor=#ff99cc> <table width=100% cellspacing=0 border=0> <tr><td bgcolor=#ffe6f0> <table width=100% cellspacing=0 border=0> <tr> <td width=5%><font color=#ff99cc size=5><b>★</b></font></td> <td width=90%><br></td> <td width=5%><font color=#ff99cc size=5><b>★</b></font></td> </tr> <tr> <td width=5%><br></td> <td width=90%> <table cellpadding=5> <tr><td> <p align=left><font color="#ff0000" size=5> TABLE技巧小装饰-四角固定的小星星<BR> 不需要图片，就这么好! </font></p><br> </td></tr></table> </td> <td width=5%><br></td> </tr> <tr> <td width=5%><font color=#ff99cc size=5><b>★</b></font></td> <td width=90%><br></td> <td width=5%><font color=#ff99cc size=5><b>★</b></font></td> </tr> </table> </td></tr></table></td></tr></table></div> </center>