动态边框制作方法

博客

一组代码：

<TABLE border=0 cellSpacing=5 cellPadding=0 width=100% background=图片>

<TBODY>

<TR>

<TD width="100%">

<TABLE border=0 cellSpacing=5 cellPadding=0 width="100%" background=图片 bgColor=#ff0000>

<TBODY>

<TR>

<TD>

<TABLE border=0 cellSpacing=5 borderColor=#ff0000 cellPadding=0 width="100%" background=图片 bgColor=#ff0000>

<TBODY>

<TR>

<TD>

<TABLE border=0 cellSpacing=5 borderColor=#ff0000 cellPadding=0 width="100%" background=图片 bgColor=#ff0000>

<TBODY>

<TR>

<TD>

<TABLE border=0 cellSpacing=5 borderColor=#ff0000 cellPadding=0 width="100%" background=图片 bgColor=#ff0000>

<TBODY>

<TR>

<TD>

<TABLE border=0 cellSpacing=5 borderColor=#ff0000 cellPadding=0 width="100%" background=图片 bgColor=#ff0000>

<TBODY>

<TR>

<TD>

<P style="TEXT-INDENT: 2em">你的文字内容 </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

准备素材。动态边框实际是用动态图片和代码制作的，所以首先要构思准备一张动图（自己制作或利用网上现成素材）下面是举例动图。

上传图片获取图片地址。1、按照步骤和提示，把第一步的图片上传至博客；2、让编辑器处于代码编辑，复制图片地址备用。

制作红色背景动态边框。1、清空编辑器后，将本文“工具/原料”中给的那组代码复制，粘贴到编辑器。2、将本文第二步获取的图片地址，粘贴到这组代码中“图片”的地方（6处）。预览，成功了！

制作黑色背景动态边框。将本文第三步的bgColor=#ff0000换成bgcolor=#000000（6处）

制作动态背景动态边框。在本文第三步或第四步的基础上：将本文第一步的第二张图片的地址，添加到这组代码的第二、第四、第六个图片（替换）

添加本文内容、配音乐。