(4)在背景图上制作表格边框的代码及应用实例

添加文字

 

 图一

 

 

添加文字

 

 图二

 

 

添加文字

 

 图三

FLASH地址：http://imgfree.21cn.com/free/flash/68.swf

 

 

背景素材一

 

背景素材二

 

背景素材三

 

图片素材一

 

 图片素材二

注   释

这个边框包括在背景图片上制作表格边框，表格边框设置的背景为白色，文字填写在阴影边框中。建议边框颜色选取同色为宜。参数调整至预览满意为好。我制作各款效果图供朋友参考。发挥你的智慧，创作出更美的佳作。

特别说明：FLASH、图片素材来自网络。推荐学习资料如下：

 

图片边框生成器&图片特效

代码在线编辑器

HTLM基础教程

起步学代码

 

 

点击图片看昭昭 公主的文字博客

 

 

效果图一代码

<DIV align=center>
<TABLE borderColor=#009966 height=980 cellSpacing=0 cellPadding=0 width=650 background=http://s3.sinaimg.cn/middle/5e1a7abfg7b673d8b3062&690 border=1>
<TBODY>
<TR>
<TD>
<P> </P>
<TABLE borderColor=#009966 cellSpacing=8 cellPadding=10 width=500 align=center bgColor=#ffffff border=5>
<TBODY>
<TR>
<TD>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center>
<TABLE align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=350 background=http://s7.sinaimg.cn/middle/5e1a7abfg7b6703b0e136&690>
<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/68.swf width=350 height=433 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high" allowScriptAccess="never" allowNetworking="internal" autostart="0" ></EMBED></P></TD></TR></TBODY></TABLE></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center>
<TABLE style="FILTER: progid:DximageTransform.Microsoft.shadow (Color=#333333,Direction=120,strength=5)" height=200 width=400 align=center bgColor=#009966>
<TBODY>
<TR>
<TD>
<CENTER><FONT color=#000000>添加文字</FONT></CENTER></TD></TR></TBODY></TABLE></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE>
<P> </P></TD></TR></TBODY></TABLE>