注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

【博客代码】学做图片背景的边框  

2011-04-03 14:17:59|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 编制/归舟


学做图片背景的边框

  要用图片作图框的背景,图片必须是从网上取来允许链接的图片地址,
而且图案应比较单一的,不宜太过复杂,
最好选择背景专用图片.
用图片作图框有一层的,也有多层漂亮的套装.多层套装网页打开运行较慢,
常有因图片地址失链,造成面目全非.
用图片作单层图框:

 

插入内容
 








单层图框代码:

<P align=center> <TABLE borderColor=660000
 cellSpacing=10 cellpadding=20 background
=http://7wind.net/wysc/beijing/image/b031.gif width=760 height=300
 border=10> <TR> <TD> <P align=center><font style=font:18pt face=华文行楷
 color=0000ff> 在此开始插入内容<br>开始学做音画贴时,
最好先用这种单层图框.
 </FONT></p> <BR><BR><BR><BR><BR>
</td></tr></table></p>


 

 
 
用二张图片作表格背景的双层图框:

插入内容










双层图框代码:

<P align=center> <TABLE cellSpacing=20
cellSpacing=15 width=800 align=center
 background=http://bbs.nxnews.net/forum/UploadFile/2005-5/200554135256363.jpg
border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=5 width="100%"
 borderColorLight=#a9b5a1 background
=http://bbs.nxnews.net/forum/UploadFile/2005-5/20055413522416.jpg
border=0> <TR> <TD> <P align=center><font style=font:30pt face=华文行楷
color=00ff00> 在此开始插入内容 </FONT></p> <BR><BR><BR><BR><BR>
 </td></tr></table></td></tr></table></p>
 
 



用四张图片作表格背景的四层图框:

插入内容







四层图框代码:
<TABLE id=table1 style="LEFT: 0px; WIDTH: 800px; POSITION:
relative; TOP: 0px" borderColor=#6a1920 cellSpacing=30 align=center
 background=http://www.yyly8.com/UploadFile/2006-2/200621812584753072.gif
 border=5> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=1
 width="100%" background=http://www.spiritisup.com/perfectiongoldstrip.jpg
border=0> <TBODY> <TR> <TD> <TABLE cellPadding=15 width="100%" background=http://www.yyly8.com/UploadFile/2006-2/200621812584753072.gif
border=0> <TBODY> <TR> <TD>
 <TABLE cellSpacing=1 cellPadding=0 width="100%"
background=http://bbs.hndt.com/UploadFile/2004-11/2004111918241100.jpg
border=1> <TBODY> <TR> <TD> <br><br><br><br><br> </TD></TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

 

用十张图片作表格背景的10层图框:

。。。。。。

插入内容

。。。。。。






10层图框代码:

<BR><BR> <TABLE cellSpacing=0 borderColorDark=#000000
cellPadding=3 width=820 borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg
border=1> <TBODY><TR><TD> <TABLE cellSpacing=0
 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg
border=1> <TBODY><TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15
 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1> <TBODY><TR><TD>
 <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD>
 <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=11 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3
width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY>
<TR><TD> <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background
=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg
 border=1> <TBODY><TR><TD>
 <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3
width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1> <TBODY><TR><TD>
 <TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15
width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1> <TBODY><TR><TD> 。。。。。。<BR>
<P align=center><font style=font:30pt face=华文行楷 color=ffff00>
在此开始插入内容 </FONT></p> 。。。。。。<BR>
<BR><BR> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>


点击这里给我发消息

2011年03月29日 - 醉龙归舟 -

 
2011年03月29日 - 醉龙归舟 -
2011年03月29日 - 醉龙归舟 -
 
 
2011年03月29日 - 醉龙归舟 -
 

军事体育2011年03月29日 - 醉龙归舟 -

音画收藏2011年03月29日 - 醉龙归舟 -

情感文章2011年03月24日 - 醉龙归舟 - 养眼酷图2011年03月24日 - 醉龙归舟 - 音画图文2011年03月24日 - 醉龙归舟 - 经典视听2011年03月24日 - 醉龙归舟 -
电子图库2011年03月24日 - 醉龙归舟 - 软件下载2011年03月24日 - 醉龙归舟 - 特效大全2011年03月24日 - 醉龙归舟 - 代码汇编2011年03月24日 - 醉龙归舟 -
古今珍藏2011年03月24日 - 醉龙归舟 - 时间特效2011年03月24日 - 醉龙归舟 - 电脑知识2011年03月24日 - 醉龙归舟 - 音画教程2011年03月24日 - 醉龙归舟 -
博客代码2011年03月24日 - 醉龙归舟 - 音画素材2011年03月24日 - 醉龙归舟 - 纵横杂谈2011年03月24日 - 醉龙归舟 - 时尚娱乐2011年03月24日 - 醉龙归舟 -
健康饮食2011年03月24日 - 醉龙归舟 - 笑话大全2011年03月24日 - 醉龙归舟 - 中外文学2011年03月24日 - 醉龙归舟 - 百科知识2011年03月24日 - 醉龙归舟 -

 

 ﹡临﹡

  评论这张
 
阅读(357)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017