多语言展示
当前在线:1166今日阅读:176今日分享:34

变色背景边框的制作

发表一篇博文如果加上边框,会起到美化作用。如果再配以变色背景,就会形成华丽多彩的效果。这里介绍一种多彩闪动背景+立体边框的制作方法。
工具/原料
1

自己的博客。

2

一组代码:

<DIV align=center>

<TABLE height=200 align=center cellPadding=0 cellSpacing=0 width=680 background=背景图地址 border=10> 

<TBODY>

<TR>

<TD width="100%"><A></A></TD></TR></TBODY></TABLE></DIV>                                                                                                                                                  

方法/步骤
1

制作、搜集、整理图片素材。    下面是7个图片素材。你可以自己制作多种。

2

选用素材。    1、选取一个你要用的图片(可在第一步图片中选取,也可选用自己的图片),右击图片;    2、在弹框中点击“图片另存为”,保存到自己硬盘。

3

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

4

提取图片地址。    1、点“显示源代码”进行代码编辑;    2、复制图片代码,粘贴到“记事本”备用。

5

编辑边框。    1、清空代码,将本文前面“工具/原料”中的代码复制,粘贴到编辑器;    2、将第四步备用的图片地址代码复制,粘贴到“背景图地址”那里替换。

6

调整。    width是整个边框的宽度;height是整个边框的高度。    border是边框条的粗细。    至此,变色背景边框就制作完成了。

7

添加图片。

8

添加文字。

推荐信息