多语言展示
当前在线:1844今日阅读:60今日分享:41

边框制作教程

喜欢博客的朋友,在制作生日祝福、店庆、音画等美文时需要博客装扮,这样才显得美观、漂亮、大气。这里介绍用图片做边框的简单方法。特点:不用软件,只用代码。希望给您的业余时间带来乐趣。
工具/原料
1

自己的博客

2

一组代码:

<TABLE cellSpacing=20 WIDTH="680" align=center background=最外层图片 border=0>

<TBODY>

<TR>

<TD>

<TABLE cellSpacing=5 cellPadding=1 width="100%" background=第二层图片 border=0>

<TBODY>

<TR>

<TD>

<TABLE cellPadding=15 width="100%" background=第三层图片 border=1>

<TBODY>

<TR>

<TD>

<TABLE cellSpacing=1 cellPadding=0 width="100%" background=背景图片 border=1>

<TBODY>

<TR>

<TD>

<br><br><br><br><br>

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

方法/步骤
2

准备素材。    1、在第一步图片中选取前4个(这是本文举例用),右击图片;    2、在弹出框中点击“图片另存为”,保存到自己硬盘。

3

上传图片。(以新浪博客为例,下同)    1、 点“发博文”、点“图片”,点“添加”;    2、在弹出框中点第二步保存的图片,点“打开”、点“插入图片”。    3、按此方法,完成第二步保存的四张图片。

4

获得图片地址。    1、点“显示源代码”转入代码编辑;    2、复制图片代码,粘贴到“记事本”备用。

5

编辑。    1、清空代码,将本文前面“工具/原料”给的那组代码复制,粘贴到编辑器;    2、将第四步备用的图片地址代码逐个复制,对号粘贴替换。

6

调整每层格线(图片)宽度。    每个图片地址前面“cellSpacing=”后面的数字就是,根据需要自己调整。

7

调整边框整体宽度。    “WIDTH=”后面的数字就是,根据需要自己调整。

8

添加文字或图片等。

推荐信息