最简单的超长边框的制作（成功）（欢迎转载）个人日记

最简单的超长边框的制作（成功）（欢迎转载）

个人日记

最简单的超长边框的制作

代码如下

<DIV align=center>
<TABLE style="BACKGROUND-IMAGE: url(http://b34.photo.store.qq.com/http_imgload.cgi?/rurl4_b=3c82c

901fddd146a1678f0895ed28bc67670328a0db5f0ea599c3384d79b383cc703625fd42808403454efdd8c1f0

d557ba994ba5436aa94c09183158089dc431da09917a7f87fd5c1af960fa8ef5be7069c7993&a=40&b=34)"

borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>
<TABLE style="BACKGROUND-IMAGE: url(http://b34.photo.store.qq.com/http_imgload.cgi?/rurl4_b=3c82c

901fddd146a1678f0895ed28bc67670328a0db5f0ea599c3384d79b383cc703625fd42808403454efdd8c1f0

d557ba994ba5436aa94c09183158089dc431da09917a7f87fd5c1af960fa8ef5be7069c7993&a=40&b=34)"

borderColor=#cccccc cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>

本篇的效果就是上面的代码做出来的

具体的代码如下：

<DIV align=center>
<TABLE style="BACKGROUND-IMAGE: url(边框底图素材地址)" borderColor=#cccccc

cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>

<TABLE style="BACKGROUND-IMAGE: url（边框底图素材地址)" borderColor=#cccccc

cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD width=0%>
<DIV align=center>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>

朋友们只要复制这个代码，然后粘贴在空间的写日志里的

HTML代码编辑区里，添加你喜欢的边框图片素材地址

即可。

只采用一个图片素材就可以做出超长效果来

这个方法也可以使得普通边框做出超长效果来，在边框第一层的上面

先加上<DIV align=center>这个符号，然后用下面的符号

代替

<TD>

比如下面是一个普通的边框代码

<TABLE style="BACKGROUND-IMAGE: url(边框图片素材地址)" borderColor=#cccccc

cellSpacing=10 cellPadding=10 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>

<TD>

<TABLE style="BACKGROUND-IMAGE: url(边框图片素材地址)" borderColor=#cccccc

cellSpacing=30 cellPadding=30 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>

<TABLE style="BACKGROUND-IMAGE: url(边框图片素材地址)" borderColor=#cccccc

cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>

<TABLE style="BACKGROUND-IMAGE: url(边框底图素材地址)" borderColor=#cccccc

cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>

如果把这个普通边框改为超长效果的边框，边框代码就是下面的样子了

<TABLE style="BACKGROUND-IMAGE: url(图片素材地址)" borderColor=#cccccc

cellSpacing=10 cellPadding=10 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>

<TABLE style="BACKGROUND-IMAGE: url(图片素材地址)" borderColor=#cccccc

cellSpacing=30 cellPadding=30 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>

<TABLE style="BACKGROUND-IMAGE: url(图片素材地址)" borderColor=#cccccc

cellSpacing=5 cellPadding=5 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>

<TABLE style="BACKGROUND-IMAGE: url(边框底图素材地址)" borderColor=#cccccc

cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>

<TABLE style="BACKGROUND-IMAGE: url(边框底图素材地址)" borderColor=#cccccc

cellSpacing=0 cellPadding=0 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>

超长效果的边框是需要二个底图的

朋友们可以试一试这个简单的方法制作超长效果出来

下面提供几款图片供朋友们使用

素材来自成功空间瘦身老大整理感谢原创！

我和春天有约

最简单的超长边框的制作（成功）（欢迎转载）

文章评论