多层“边框”的添加方法
2008-05-15 08:57:35| 分类:
边框的制作 | 标签: |字号大中小
将向博客新手详细解讲制作过程
http://hdly006502.blog.163.com.撰文:
寒冬腊月精美的“边框”是用来装扮音画、日志及图片作品的.有了它的装饰你的作品会更加生动、漂亮...
那么,“边框”是如何制作出来的呢?请参见---〖
简单"边框"的制作方法〗一文.
点击进入 →
简单"边框"的制作方法其实,“边框”的种类很多.例如:单层边框、双层边框和多层边框.详细内容请参阅---〖
用动、静态图片组合制作"边框"〗一文.
点击进入 →
用动、静态图片组合制作"边框"不管制作何种边框,前提是你必须熟念撑握边框的制作过程及各代码的表达的含意.这一讲,我将着重讲解多层边框的添加方法.为了更加简单、直观地演示实际操作步骤,以下面六张纯色图片(红、兰、绿、黑、棕和粉红色)来进行各种边框的组合.
下面以六张纯色图片(红、兰、绿、黑、棕和粉红色)来进行各种边框的组合.
以下是上面六张纯色图片所在的地址,供下面组合边框时使用:
<1>、
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_6.jpg<2>、
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_7.jpg<3>、
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_8.jpg<4>、
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_9.jpg<5>、
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_10.jpg<6>、
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_11.jpg典型的二层边框代码,由上面的红、兰图片组成
原始代码如下:
<TABLE cellSpacing=10 width=780 align=center background=
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_6.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 width="100%" background=
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_7.jpg border=0>
<TBODY>
<TR>
<TD>填写内容 </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
具体操作步骤如下:
<1>、先看它的原始代码(见上面虚线方框内的代码),
得到的效果图如下:
寒冬腊月
<2>、如果此时,你想要一个三层的边框.只需将下面的这段代码加入到原始代码中的粉红色与绿色代码之间即可;
<TABLE cellSpacing=10 width=600 background=在此处,加上需要添加的图片地址 border=0>
<TBODY>
<TR>
<TD>
<3>、例如要把绿色图片加入二层边框中变成一个三层边框,先把绿色图片地址放进<2>代码中.该代码变为:
<TABLE cellSpacing=10 width=600 background=
http://image35.360doc.com/DownloadImg/2011/09/0218/16921244_8.jpg border=0>
<TBODY>
<TR>
<TD>
<4>、再复制<3>的代码,把它放到上述虚线方框中的原始代码中的粉红色与绿色代码之间.再复制全部代码后,贴粘贴进代码框内即可得到如下三层边框效果图;
◇(可参见-〖如何将代码放进代码文本框〗一文.) 点击进入 →
如何将代码放进代码"文本框"三层边框效果图如下: 填写内容
<5>、如果再想制作四、五层或更多层边框,只需重复<2>、<3>、<4>步骤并选好图片素材,将图片地址替换一下即可.
附:一个六层边框效果图如下:(它是我所提供的六张纯色图片组合成的)
填写内容
<6>、通过实际操之后,你可根据不同需求制作出各式的组合边框. 注:动、静态图片的组合方法完全和它相同.详细内容,请参见--〖
用动、静态图片组合制作"边框"〗一文.
点击进入 →
用动、静态图片组合制作"边框"相关文章链接:
1、
颜色速查表 点击进入 →
简单、便捷的"颜色速查表"2、详细内容,点击下列文章:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。