教你简单快速 制作精美的边框[中文博客群－文章摘要]

教你简单快速 制作精美的边框

作者：博客百科学院 发表于：2008-7-16 19:55:27 如果觉得文章不错，请点击左侧的“顶”来推荐此文章。

 

 

          其实，制作边框是很简单的一件事。对初学者来说，由于还不熟悉HTML代码，可以采用“照猫画虎”的办法进行学习。如果您不想在HTML方面进行深入的研究探讨，而只是满足自己编辑文章音画的需要，这种方式已经足够您用的了。我们在这里假定您会使用电脑的复制和粘贴功能。 

      第一步：选择一套背景素材图片备用。它是编制边框的“材料”。背景素材一般是共享的。

 　　 　 　

　　　　　　　　　　       (一)                  （二）　　   （三）　　（四）       （五）　步骤　　　　

（注意：在实际操作中不需要把这些图片复制到编辑页面，因为在编辑页面这些图片是不能显示图片地址的。你在平时收集一些你喜欢的资料，并把这些资料上传到你的空间作为备用。）

    第二步：确定您要制作的边框的层数。边框可以根据需要可以是一层的（由于太单调，一般不采用），也可以是多层的，层数越多，边框结构越复杂，也越美，当然也不能没有限度，层数太多反而会显得零乱，以不超过13层为最佳。我们以9层为例进行学习。

    操作过程：

　　1、首先在网站登陆。打开管理页面后，鼠标左键点击左上角的“发布新文章”，进入文章编辑页面。

    2、然后点击编辑框右上角的“查看HTML源代码”左边的小框，显示，您就可以开始制作了。

    第三步：复制边框代码。复制边框代码一般有两种途径。一是现成的套装代码，一般在各网站的网页资源栏目里都可以找到，可直接复制过来。另一种途径是将任何一个现成套装复制到自己的编辑页面，再点击“查看HTML源代码”左面的方框，就会显示完整的代码。

       我们先复制一套现成的套装代码：

再点击“查看HTML源代码”左面的方框，显示全套代码，开始制作过程。     这套代码的前六行就是第一层边框的代码。第一层代码是最重要的，因为一些基本参数要在这里确定。     有几个基本代码和数据必须交代给大家。 　　1、WIDTH: 762px　是边框整体外延的宽度，762正好是正常页面的宽度。小于这个数边框就会在页面的两边留出空隙，大于这个数就会突破正常页面，变成宽幅边框，这个我们下面再学习。 　　2、TOP: 0px　是边框上延 -   收藏到网摘:   原文链接:教你简单快速 制作精美的边框   教你简单快速 制作精美的边框[中文博客群－文章摘要] 教你制作文章精美边框 Excle高级技巧操作（快速提高工作效率）(1)[中文博客群－文章摘要] Excle高级技巧操作（快速提高工作效率）(1)[中文博客群－文章摘要] 简单快速制作边框 简单快速制作边框 补钙让心脏病离你更近？[中文博客群－文章摘要] 简单快速制作边框[随缘] （十五）教你制作简单的边框 在线制作精美边框 - 佳奇的日志 - 网易博客 【精美边框】学学日志边框的制作 引用 帮你快速制作多款精美FLASH礼花2(35－50) - 成靖的日志 - 网易博客 帮你快速制作多款精美FLASH礼花(35－50) - 成靖的日志 - 网易博客 （转贴精华）佛教四摄法门——人际关系中的精髓[中文博客群－文章摘要] 【精美边框】学学日志边框的制作 - 同恩的日志 - 网易博客 快速学会制作边框 说说日志边框简单的制作 精美文章编辑边框 引用 精美边框代码与制作效果（4） - 成靖的日志 - 网易博客 引用 精美边框代码与制作效果1（4） - 成靖的日志 - 网易博客 怎样制作精美日志边框 《一》-狗是人类最忠实的朋友-搜狐博客 【文章摘要】白岩松告诉你的常识 精美博客制作/公告（含日记）边框与其他【经典综合】 - 美丽家园博客的日志 - 网易博客 快速学会制作音画边框       复制完成后，点击“查看HTML源代码”左面的方框，就会显示边框。这套代码做出来如下：