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

琳达 博客

海外游子

 
 
 

日志

 
 

【转载】05:学做图片背景的图框  

2014-08-04 12:05:52|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自格林浪人《05:学做图片背景的图框》
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)格林浪人 整编


学做图片背景的图框

  要用图片作图框的背景,图片必须是从网上取来允许链接的图片地址,而且图案应比较单一的,

不宜太过复杂,最好选择背景专用图片.用图片作图框有一层的,也有多层漂亮的套装.

多层套装网页打开运行较慢,常有因图片地址失链,造成面目全非.


用图片作单层图框:

在此开始插入内容
开始学做音画贴时,最好先用这种单层图框.








 

 

 

 

 

 

 

 

 

单层图框代码:
<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>

 
  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
2010年7月11日 格林浪人整编

(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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