移动边框制作方法

博客

一组代码：

<TABLE cellSpacing=58 cellPadding=0 width=690 align=center bgColor=#ff9933 background=大背景图片 border=0 text="#FFFFCC" link="#FFFF99" vlink="#FFFFFF" alink="#FFFF00">

<TBODY>

<TR>

<TD width="100%">

<P style="TEXT-INDENT: 0.5em">

<TABLE width="100%" align=center border=0>

<TBODY>

<TR>

<TD width=610>

<MARQUEE scrollAmount=1 behavior=alternate>

<TABLE cellSpacing=3 cellPadding=0 width=540 background=边框图片 border=1>

<TBODY>

<TR>

<TD width=540>

<TABLE cellSpacing=8 cellPadding=0 width=534 background=小背景图片 border=0>

<TBODY>

<TR>

<TD width=534>

<P align=center><FONT color=#FF0000 size=5><STRONG>题目</STRONG></FONT></P>

<P align=left><FONT color=#000000>文字或图片</FONT></P>

<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE>

</TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>

准备图片。根据构思，准备大背景图片、边框内背景图片、边框用图片等3张。下面是举例图片。

上传图片获取地址。进入博客，按照步骤和提示，上传图片；点“显示源代码”进入代码编辑，分别复制3个图片地址放到“记事本”备用。

编辑。1、清除全部代码后，将本文“工具/原料”中的那组代码粘贴到编辑器。2、将3张图片分别插入到这组代码“大背景图片”、“小背景图片”、“边框图片”的位置。

添加文字或图片内容。