打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
5、学做图片背景的图框
欢迎您!启步学代码。
(游子学习笔记。 供初学HTML代码的朋友参考)
学做图片背景的图框
要用图片作图框的背景,图片必须是从网上取来允许链接的图片地址,而且图案应比较单一的,不宜太过复杂,最好选择背景专用图片.用图片作图框有一层的,也有多层漂亮的套装.多层套装网页打开运行较慢,常有因图片地址失链,造成面目全非.
用图片作单层图框:
在此开始插入内容
开始学做音画贴时,最好先用这种单层图框.
单层图框代码:
用二张图片作表格背景的双层图框:
在此开始插入内容
双层图框代码:
<P align=center> <TABLE cellSpacing=20 cellSpacing=15 width=700 align=center background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_2.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=5 width="100%" borderColorLight=#a9b5a1 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_3.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: 700px; POSITION: relative; TOP: 0px" borderColor=#6a1920 cellSpacing=30 align=center background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_4.jpg border=5>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=1 width="100%" background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_5.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=15 width="100%" background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_6.jpg border=0> <TBODY>
<TR>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_7.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>
用十张图片作表格背景的10层图框:
。。。。。。
在此开始插入内容
。。。。。。
10层图框代码:
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width=700 borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_8.jpg align=center border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_9.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_2.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_10.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_6.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=11 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_7.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_11.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_12.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_13.jpg border=1> <TBODY><TR><TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://image102.360doc.com/DownloadImg/2017/01/1218/89130043_14.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>
击点打开html代码浏览器
原创编辑:游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编
(为了让更多网友学用html代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
自作精美的框边 二
家和万事兴FLASH音画
一看就懂==[html] 边框组成、效果、分割线
html 成品代码
音画制作代码集(四)
新编边框 【精美边框】
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服