多行边框制作方法

自己的博客。

一组代码：

<DIV align=center>

<TABLE borderColor=#ffffff cellSpacing=3 borderColorDark=#000000 cellPadding=1 width=400 bgColor=#00ff00 background=图片边框地址 border=1>

<TBODY>

<TR>

<TD bgColor=#FF0000 height=100>&nbsp;</TD></TR>

<TR>

<TD bgColor=#FF00FF height=100>&nbsp;</TD></TR></TBODY></TABLE>

制作、搜集、整理边框图片素材。    下面是8个素材。你可自己制作多张备用。

选素材。    1、在第一步图片中选取一张准备使用的，右击图片；    2、在弹出框中点“图片另存为”，保存到自己硬盘；     3、如果自己硬盘存有素材更好，可随时调用（上两步就省略了）。

上传图片。（以新浪博客为例，下同）    1、进入后台后点“图片”，点“添加”；    2、在弹出框中点刚才保存的图片，点“打开”、点“插入图片”。

备用图片地址。    1、点“显示源代码”进入代码页面；    2、找到图片代码复制，粘贴到“记事本”。

编辑边框。    1、清空代码后将本文前面“工具/原料”给的那组代码复制，粘贴到编辑器；    2、将“记事本”备用的图片地址代码复制，粘贴至“图片边框地址”处，替换。

增加边框。    方法：复制一个边框代码，重复粘贴。    此步是两行边框增至三行边框的方法。如还增加重复此步，直至增加到你需要的行数为止。

改变背景颜色。    方法：改变颜色值即可。（在颜色代码表中查找合适后复制，替换）

调整边框宽度。  方法：改变cellSpacing值。

调整边框宽度、高度。    宽度改变width值；高度改变height值。