三图边框的制作（一）--素材

制作背景边框其实并不难。有合适的代码，找来合适的素材，将素材替换到代码中合适的位置，一款新的背景边框就做成了。

本文所罗列的素材是为制作“三图边框”做准备，下一篇博客将介绍三图边框的源代码和一些制作要点。当然素材是通用的，做其他类型的边框也可以借用。在习之博客“源代码练习”中，最前面有两篇文字：“精美边框自己做”-“模板”和“素材”，介绍了背景边框的形成机理，这是习之初学源代码制作背景边框时的学习心得，或许对同样是初学源代码的朋友会有所帮助。

所谓“三图”，指的是只用三张背景素材图做成的背景边框：外层背景图；中间夹条图；内层文本底纹图。在用色方面，内外层背景图用同一个色系会协调一些。夹条图选用的随意性就大一些，通常都是一些渐变色条形图，也有选择闪图的。

外层背景图是制作边框的关键，边框的主题、色调基本由它决定。可以用的题材很广泛：花卉、人物、自然风貌等都可入选，抽象的、卡通的、朦胧的都可以使用。本文推荐下面几个网站，从中可以“按图索骥”找到自己喜欢的背景图。

1》 末米吧-素材背景

2》 backgrouds(有6个page)

3》 老小孩网“同一”的博客 “背景素材”

4》 老小孩网“秋梦”的博客 “精美背景汇集”

5》 素材网-素材大全

6》 Vanwhydesign

内层背景图，是作为文本的底纹，在上面是要书写文字的，因此花纹很“浅”，若有若无。下面提供的内层背景图大部分是在习之制作的边框里用过的，每个图下面附有颜色代码，是推荐的适合该图的背景色（bgcolor，下篇博客会有介绍）。

#8999bb	#8c7e71	#6995dc	#bc82b4	#5f8aff	#a168d3
#cab8b8	#a99b90	#bdd3c7	#b79ab6	#95a0cf	#dfe7cd
#F2E6E8	#FBF8D7	#D8EBEF	#F0F6DA	#DAE1F4	#E3D3D3
#FBD9D0	#E5D1D2	#ADDAC5	#FDFCF8	#D6F3EE	#E2D7E8

中间夹条图（strip）。在三图边框里只用了一个。多用几个并合理的组织可以作出很复杂很漂亮的边框来。下面第一行俗称金银条，作镶嵌配色用。方型的几个配上“背景移动”会有很好的效果。

用鼠标右键点击需要的图，取属性，就能查到该图的老小孩网地址。

“三图”里没有计入“分隔线”图。背景边框里加入“分割线”，会使页面更活泼美观，老小孩网有很多朋友有过介绍，例如：

1》老小孩网“虎子”的“分隔线大全”

2》老小孩网“一庆”的“间隔条”

3》老小孩网“菊花”的“网页精美分隔线”

3》老小孩网“申涛”的“博客版面分隔线和横幅”

等等。