分享

5、学做图片背景的图框

 梅园拾趣 2017-01-12

 

欢迎您!启步学代码。

(游子学习笔记。 供初学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代码制作音画贴,本贴欢迎转载.但是.我用了很多时间和精力编写这些资料的,转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢!)


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约