精美边框自己做--模板

   边框的构成并不复杂，它是由“层”组成的，每层是用一个素材图片在设计好的区域像家里铺瓷砖一样，无缝满铺。后面的一层铺得比前面的一层四周小一圈。前一层的图案在这一圈显示出来，成为边框中的一层。如此一层一层的铺下去，最后，铺一层用来写文字的背景层，一个边框就做成了。用不同的素材图案、用不同的颜色、宽窄等参数，再配一些线条，可以做出各种精美的边框。对用来做边框的素材图片要求不严，理论上是什么图案都成。只要略知HTML的知识，做边框是不复杂的事。

   对于不懂HTML的朋友，借助已经做好的模板，也可尝试自己做边框的乐趣。这里介绍一个模板，它有六层组成：第一层是墙纸层，在全屏显示的网页上就是桌面背景层。第二层是边框的主体，这里选用是半圆的竖条，使边框有凸起的感觉；第三及第五层选用同样的色条的图案，中间设置一个闪烁或金色的边条作第四层。第六层是用来写文字或贴照片的背景层。

   下面是这个边框的源代码。我们所说的“层”，在代码里叫表格，为直观，我用了中文的“表一”等来指出该表的位置。在模板代码里看到的中文“表一”的后面，有一个地址“http://……”，这就是表一（第一层）所用的素材图的绝对地址，只要将此地址换上你自己想要的素材图的地址，边框对应层的图就换成了你想要的图了。所有图层，都可按自己的要求更换。如此，自己的边框就做成了。

--复制开始--模板A--

--复制结束--

   每层的显示宽度也可调整。每一个表格的代码里有这样的一个元素：cellspacing="15"。这是指表一（第一层）的显示宽度为15像素。每个表都有这样的元素，引号里的数字可根据需要进行调整。例如，第二层不选半圆图，而选明暗条，可将显示宽度改小，改为"8"，等等。如果觉得层数太多，想减少一层，将该数字改为"0"。

   这是典型的模板。另外可以在不加多层数的情况下，用一些其他的属性来加线条、色条、凹凸条等效果，这在熟悉了典型的边框源代码后，再做进一步的提高。

   由于边框的原理是“图片无缝拼接满铺”，因此与素材图片的大小、形状没有关系。这就大大拓展了素材的来源。上篇“精美边框自己做—素材”是已上传到老小孩网站的素材图片。只要用右键点击，拉出菜单，点“属性”，在“属性”框中就有该图片的绝对地址。

   具体制作边框的步骤如下：打开自己写日记的编辑框，点击编辑工具栏左上角的“源代码”，进入代码编辑状态。将模板的源代码拷贝到编辑框内。再点“源代码”回复到普通编辑状态，以查看模板的实际效果。也可在普通编辑状态将模板的效果图拷贝进编辑框，再点“源代码”，进入源代码的编辑状态。在“源代码”编辑状态下，置换素材图片的地址，及修改显示宽度。在这过程中，可反复的点“源代码”，在“源代码编辑”—“普通编辑”之间切换，即一边改，一边看。文字的颜色也要做相应的修改。直到满意为止。

    由于老小孩的编辑框并非“所见即所得”，强烈建议你存到“草稿”里再进行编辑和修改。

图一:模板效果

图二:截面放大图

--完--