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

太师的博客

学无止境,快乐无限

 
 
 

日志

 
 

学做图片背景的图框  

2012-11-12 12:22:15|  分类: 网海搜寻 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
欢迎您!启步学代码。

(游子学习笔记。 供初学HTML代码的朋友参考)


学做图片背景的图框

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


用图片作单层图框:

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








单层图框代码:

<P align=center> <TABLE borderColor=660000 cellSpacing=10 cellpadding=20 background=http://img3.bimg.126.net/photo/-obKNgMsq3X90sQnOwPRvg==/2608147134201370503.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://img6.bimg.126.net/photo/uyp9TtJ4wSQvaZ-yClJ6VQ==/862157853665193186.jpg 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://img7.bimg.126.net/photo/7CsYVrNBk3Xw_bO-Uk9mbw==/2255740463359514887.jpg border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=1 cellPadding=0 width="100%" background=http://img6.bimg.126.net/photo/FauWepKSOMkZ-8ZajLBvAw==/295830200523756576.jpg border=1> <TBODY> <TR> <TD> <P align=center><font style=font:30pt face=华文行楷 color=00ff00> 在此开始插入内容 </FONT></p> <BR><BR><BR><BR><BR> </td></tr></table><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 border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=3 width=820 background=http://img1.ph.126.net/Vm5tI3NZngrNB0MNBCytxQ==/805581383346938871.gif>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=15 width="100%" background=http://img7.bimg.126.net/photo/-9GMblmtbwqvAThnzQ3NEg==/863002278595780497.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=3 width="100%" background=http://img7.bimg.126.net/photo/OCDqOHr4RSdp8yjhaYusHQ==/3111424392561114667.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=15 width="100%" background=http://img1.bimg.126.net/photo/j7WUuYZcGyH1bw7pMCQVeg==/2030279007014307051.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=3 width="100%" background=http://img2.bimg.126.net/photo/z9EjlMirwC6FpskUTmLy0g==/2567614737555308212.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=11 width="100%" background=http://img8.bimg.126.net/photo/oeYZRnn95e0kfrYve-BI2g==/2856971013613608108.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=3 width="100%" background=http://img7.bimg.126.net/photo/WTaDqVGafU_tjwfPlcljtQ==/3419076542106005797.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=15 width="100%" background=http://img0.bimg.126.net/photo/pOj0-llA0tFBN9pHdYLIbg==/1135188581074517260.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=3 width="100%" background=http://img9.bimg.126.net/photo/9DZE7eP7RE-xszvZN7EDTQ==/1414693232948161449.jpg>
<TBODY>
<TR>
<TD>
<TABLE border=1 cellSpacing=0 borderColorLight=#000000 borderColorDark=#000000 cellPadding=15 width="100%" background=http://img0.bimg.126.net/photo/JnVnZDLsGk9-zNVY-kf-jw==/1736419131328831120.jpg>
<TBODY>
<TR>
<TD>。。。。。。<BR>
<P align=center><FONT style="LINE-HEIGHT: normal; FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 30pt; FONT-WEIGHT: normal" color=#ff0000 face=华文行楷>在此开始插入内容 </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><BR><BR>




击点打开html代码浏览器

认识一下HTML代码 - 星系-ZDW. - 太师的博客
  原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

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

 


您已欣赏本篇日志 学做图片背景的图框 - 星系-ZDW. - 太师的博客学做图片背景的图框 - 星系-ZDW. - 太师的博客。谢谢朋友对我的支持!

 


 

学做图片背景的图框 - 星系-ZDW. - 太师的博客星系-ZDW欢迎您!学做图片背景的图框 - 星系-ZDW. - 太师的博客

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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