分享

怎样作边框

 山乡武侠 2011-01-06

一、单层边框

下面给出的是一条边框线的代码格式:

<TABLE width=750 bordercolor=#6495ed bgcolor=#784784 border=2>
<TBODY>
<TR>
<TD>
在这里放入你编辑好的文章
</TD></TR></TBODY></TABLE>

说明:写好文章后,点右下边的显示源代码,然后把上面红色的部分复下来放在文章首,把蓝色的部分放在复下来放在你文章的最后面。

 

参数说明:

width:边框的宽度

 bordercolor:边框的颜色,#后就是颜色代码,由六位十六进制数组成。也可以用英文的颜色单词,如red代表红色、pink代表粉红。

 bgcolor:边框内的背景颜色,这个是控制边框内部显示的颜色。颜色的使用同bordercolor。

 border:边框的宽度或者叫厚度,单位为像素,当值为0时不显示边框,数值越大边框线越粗。

 表是成对出现的,即有开始必须有结束,好比数学中的括号一样,开始时用左括号,结束时用右括号,这才是一个完整的表达式,表也是一样的概念。

 下面这段代码就是表的开始部分:

<TABLE width=750 bordercolor=#6495ed bgcolor=#f5feb8 border=2>
<TBODY>
<TR>
<TD>
每一行都不能少

 

下面这段代码是表的结束部分:

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

也是一样,不能缺少任何一个。

大家可以注意到,结束符有个特点是前面都有个斜杠 / ,而且表中先出现的命令<TABLE.....>,结束时是最后出现的</TABLE>,相反,后出现的<TD>,结束时是最先出现的</TD>。提醒大家,如只有表的开始部分,没有或缺少结束部分的部分代码,帖子就会严重变形错位,一定要注意这点。表的代码也是一层层嵌套的。

 

二、双层、多层边框

双层边框就会出现两条边线,一个内一个外,现在大家就认识到了,表的一个功能就是可以画边框线。

 下面是两层边框线的代码:

 

<TABLE width=750 bordercolor=red border=3>
<TBODY>
<TR>
<TD>
<TABLE width=750 bordercolor=#6495ed bgcolor=#f5feb8 border=2>
<TBODY>
<TR>
<TD>
在这里放入你编辑好的文章</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

说明:

可以注意到,两层边框线就是由两个表嵌套起来的,首先出现的表是外层,后出现的表是内层,如还想要更多的边框线,就照此格式再加表。细心的人会注意到,两个表都有bgcolor,即为该表内填充颜色的参数,到底该显示哪一个呢,实际效果是这样的,内层的填充色会覆盖外层的填充色,表现出来的效果就是在内层与外层之间会有条颜色线,这条线的颜色就是外层的填充色。

你也可以只在外层表加bgcolor,内层表不加bgcolor。

外层表的bordercolor和bgcolor参数我用的是英文的颜色单词,这与使用颜色代码效果是一样的,选用哪种都可以。

练习试一试吧,就会有体会其中的效果。

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约