三合一花边图框这是一种由三张图片组成的图框。它与套装图框不一样,套装图框是由几张表格图片叠成的,三合一图框则是由三张图片组成的,这种图框插入内容操作较容易,网页打开也较快。第一张图片是顶部花边;第二张是贴入所有内容;第三张是底部花边.看下面这个图框好像是一张完整的图框。
其实这个图框是由下面三张图片合成的:
◆第一张是图框的顶部.
◆第二张是图框的中部.所有内容都在这图片中插入.
◆第三张是图框的底部.
三合一花边图框代码模式:
<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://image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg 700*167
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_6.jpg 700*40
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_7.jpg 700*174
三合一花边图框实例(二):
三合一花边图框实例(二)代码:
三张图片的地址,宽度和高度:
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_8.gif 700*125
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_9.gif 700125
http://image11.360doc.com/DownloadImg/2010/06/1009/3528217_10.gif 700*140
三合一花边图框实例(三):
三合一花边图框实例(三)代码:
三张图片的地址,宽度和高度:
http://bbs./UploadFile/2008-7/200875591710577.jpg 850*192
http://bbs./UploadFile/2008-7/200875592977128.jpg 850*60
http://bbs./UploadFile/2008-7/200875594164088.jpg 850*189
使用三合一花边框贴图代码:
显示结果: