欢迎您！启步学代码。

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

如何使用三合一图框

　　三合一花边图框这是一种由三张图片组成的图框。它与套装图框不一样，套装图框是由几张表格图片叠成的， 三合一图框则是由三张图片组成的，这种图框插入内容操作较容易，网页打开也较快。第一张图片是顶部花边；第二张是贴入所有内容；第三张是底部花边．看下面这个图框好像是一张完整的图框。


在这张图框插入所有内容．


　　其实这个图框是由下面三张图片合成的：

　　◆第一张是图框的顶部．



　　◆第二张是图框的中部．所有内容都在这图片中插入．

在这张图框插入所有内容．


　　◆第三张是图框的底部．


三合一花边图框代码模式：



<TABLE cellSpacing=0 cellPadding=0 width="="宽度"" height="高度" align=center background="第一张图片地址" border=0>
<TR><TD>
</TD></TR></TABLE>
<TABLE cellSpacing=0 cellPadding=40 width="="宽度"quot; height="高度" align=center background="第二张图片地址" border=0>
<TR><TD><CENTER>
<p align=CENTE><font face=华文行楷 size=6 color=00000ff>在这张图框插入所有内容．</font></P>
</TD></TR></TBODY></TABLE>
 <TABLE cellSpacing=0 cellPadding=0 width="="宽度"" height="高度"align=center background="第三张图片地址" border=0>
<TR><TD></TD></TR></TBODY></TABLE>



　　说明：
　　　　◆黑色字体是第一张图片代码，即顶部边框．
　　　　◆红色字体是第二张图片代码，即内容插入框．
　　　　◆蓝色体是第三张图片代码，即底部边框．
　　　　◆第二张表格的单元格内容与格线的距离（cellPadding=40 ）要设大些，
　　　　　内容才不会溢出边框的图案．
　　　　◆各张表格的首尾标签不可设有空格、分行和分段，否则图框吻合不整齐．
　　　　◆三张表格都要用原图片的宽度和高度，特别是宽度，切切要同一样的参数．
　　　　◆把图片地址粘帖在空白网页上，打开后击图片右键，选属性找出图片大小数据．
　　　　◆第一和第二张图片如果有空白位置也可插入一些文字或图片．



三合一花边图框实例（一）


在这张图框插入所有内容．
.


　　三合一花边图框实例（一）代码：



三张图片的地址，宽度和高度：
http://img701.photo.wangyou.com/2004/10/25/25981/200511159633371.jpg 700*167
http://img701.photo.wangyou.com/2004/10/25/25981/200511159633371.jpg　700*40
http://img701.photo.wangyou.com/2004/10/25/25981/200511159633372.jpg　700*174

　　三合一花边图框实例（二）：

在这张图框插入所有内容．
.


　　三合一花边图框实例（二）代码：




三张图片的地址，宽度和高度：
http://img701.photo.wangyou.com/2004/10/25/25981/200511159631813.gif 700*125
http://img701.photo.wangyou.com/2004/10/25/25981/200511159631814.gif　700125
http://img701.photo.wangyou.com/2004/10/25/25981/200511159631815.gif 　700*140



　　三合一花边图框实例（三）：

在这张图框插入所有内容．
.


　　三合一花边图框实例（三）代码：



三张图片的地址，宽度和高度：

http://bbs.gw.com.cn/UploadFile/2008-7/200875591710577.jpg 850*192
http://bbs.gw.com.cn/UploadFile/2008-7/200875592977128.jpg　850*60
http://bbs.gw.com.cn/UploadFile/2008-7/200875594164088.jpg　850*189



使用三合一花边框贴图代码：






显示结果：


一剪寒梅傲立雪中


一剪梅
真情像草原广阔
层层风雨不能阻隔
总有云开 日出时候
万丈阳光照亮你我
真情像梅花开遍
冷冷冰雪不能掩没
就在最冷
枝头绽放
看见春天走向你我
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间
雪花飘飘北风啸啸
天地一片苍茫
一剪寒梅
傲立雪中
只为伊人飘香
爱我所爱无怨无悔
此情长留
心间

图文：网络 /编辑：游子(2008-10-28)




◇ 击点打开html代码浏览器◇

　　原创编辑：游子
2005年10月试编 2006年06月改编
2007年04月改编 2008年11月改编

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