边框代码详解：［收集．整理］

ＨＴＭＬ代码编辑参考资料

编写：芳芷香蕙

要学习代码贴图，你参预的论坛必须是允许使用［ＨＴＭＬ］代码的。有的论坛虽然不允许使用代码，但在诸如音画时尚，贴图专栏或新手学堂等栏目开通。有的论坛注明允许使用代码，但必须有条件去申请才批淮启用。还需注意粘贴代码前应先选择［ＨＴＭＬ］，同时把旁边的自动修正的钩去掉。现在已有不少论坛，可以直接发代码贴了。

为了更好的学习编辑代码，应在自已电脑的硬盘中建一个学代码的文件夹，内放若干记事本，作编辑和保存代码用。初学者要在键盘上直接输入代码语句有些困难，可以把下面这些常用代码复制在记事本上，方便需要时取用。

常用汉字代码：

宋体　黑体　楷体_GB2312　仿宋_GB2312　新宋体　幼圆　隶书

方正舒体　华文新魏　华文行楷　华文细黑　华文彩云　方正姚体

颜色的代码：

黑色＝000000　白色＝ffffff　红色＝ff0000　绿色＝00ff00

蓝色＝0000ff　黄色＝fff000　青色＝00ffff　紫色＝ff00ff

居中代码：

lt;CENTER> 内容</CENTER>

lt;P align=LEFT>左对齐</P>

lt;P align=center>居中</P>

文字设置代码：

输入内容</font></CENTER>

贴图代码：

用颜色作背景的空白图框代码：

<TBODY>

<TR>

<TD>

<br>

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

用图片作背景的空白图框代码：

<TBODY>

<TR>

<TD>

<br>

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

立体图框代码：

<TBODY>

<TR>

<TD>

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

图片可调大小的一组代码.

羽化图片代码：

贴Flash 图片代码：

在一张图片上加叠Flash 代码：

<TBODY>

<TR>

全屏代码：

贴子

</DIV><br><br><br><br>

播放器代码：

</CENTER>

（高度height=和宽度width=设为0时，隐藏播放器。）

移动设置代码：

我从右向左走代码：

<br>

<marquee direction=left scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从右向左走！</marquee>

我从左向右移代码：

<marquee direction=right scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从左向右移！</marquee>

我来回走耶代码：

<br>

<marquee behavior=alternate scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我来回走耶！</marquee>

我从下向上滚代码：

<br>

<marquee direction=up scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从下向上滚！</marquee>

我从上向下滚代码：

<br>

<marquee direction=down scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从上向下滚！</marquee>

用颜色做成的一层图框代码；

<TBODY>

<TR>

<TD >

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

显示结果：

用颜色做成的二层图框代码；

<TBODY>

<TR>

<TD >

<TBODY>

<TR>

<TD>

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

显示结果：

给图片加用颜色做成的边框代码；

<td>

<TR>

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

</td></table>

显示结果：

用颜色做成的二层图框代码；

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

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

显示结果：

用颜色做成的立体图框代码；

</td></tr></table>

用金黄色图片作边框的代码：

<TBODY>

<TR>

<br>

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

说明：

<TABLE borderColor=660000<br...>--边框颜色

<TD bgcolor=#AAAAFF>--图框内单元格背景颜色。

用图片作边框的六层图框套装代码

<TBODY>

<TR>

<TD>

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

边框可以设置任意N层，你想要几层就几层，网上很协调美观的边框大部分都是专业人士制做（有些网站可以专门下载），你不要一看见一个漂亮边框就认为楼主高不可攀，实际上大部分会员用的协调美观的边框都是共享的

下面是一个七层边框的实例介绍，图片可以任意换，只要你觉着好看就行：

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TD>（此处插入主文）</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

蓝色部分是结尾，

其中：border =边框粗细 width= 边框宽度 height =边框高度 cellspacing=单元格间距 cellpadding=边框间距 borderColor=边框颜色 background =插入的背景（这几个格式你可要背过了啊，如果也和我一样记忆力不好，可以复制到你的文件夹里）

下面是帖子内容的基本格式（这些您可要记住了，如记忆力不好，可复制到文件夹里）

1、贴图片格式（支持jpg、gif等格式），红色代码是图片居中命令：

2、贴普通字体格式，蓝色代码为字的颜色、红色代码为字的大小（最大为了7，最小为1），其他运动字体的格式，另行讲解：

3、贴FLASH格式（红色代码分别是宽度与高度）：

另外为大家介绍三种flash 的代码

代码1（普通的flash的插入代码）

代码2（无限制的flash的代码）

代码3（大型flash )

代码4（双层flash的代码）

常用特效

1。透明

style="FILTER: Alpha(opacity=100,style=2)"

2。倒影

3蝴蝶飞舞

发贴前别忘了把自动修正的小勾除掉自动修正

图片加透明FDLASH格式：

发贴前别忘了把自动修正的小勾除掉自动修正

贴音乐格式（红色部分为播放器的大小，设置为0就隐藏了播放器）：

1.背景音乐（适合　mid wma等格式）

2.音频（适合MP3 WMA RM等很多格式）

3.视频

说明：AutoStart=true　表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true

Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。

为让大家有个直观的认识，就我自己的一个成品帖子，做一下实例演示：

（帖子地址：http://www.maoge.com.cn/bbs/dispbbs.asp?boardID=2&ID=32&page=1）

1、红色部分是边框；

2、蓝色部分是内容；

3、黑色部分是结尾

4、紫色部分是音乐

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TR>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

<TBODY>

<TR>

1、红色边框部分：

A、<TABLE =开始 <TABLE> =结尾（这两个是绝对格式，否则就成乱码了）

B、cellSpacing=15 =单元格间距（可以任意设置宽度）

C、cellPadding=0 =边框间距

D、width=570 =边框宽度

E、background =插入的背景格式

F、*http://222.186.123.12/yueming/UploadFile/2004-11/2004111720481551.jpg* =背景图片

G、border=0> = 边框粗细

2、蓝色内容部分：

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

A、（过渡指令码，我们就这么叫吧）

<TBODY>

<TR>

<TD>

B、（分隔线图片、GIF图片）

C、背景图片

D、单层FLASH

<TBODY>

<TR>

<TD align=middle width="93%"><EMBED src=http://mtv.vicn.com/upload/2004482345353317.swf width=360height=230 type=application/x-shockwave-flash wmode="transparent" menu="false"

E、本单元结尾

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

3、黑色结尾部分（略，可系统自动结尾）

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

4、紫色音乐部分：

A、<EMBED src= =开始

B、音乐地址：

http://mp3.baidu.com/u?u=http://www.mckxx.com/shaoxiandui/media/YWMJBPDg~wP0I-zm7wPwMuos6xxd9g3~K1sz.MP3

C、播放器大小（隐藏格式）

width=0 height=0

D、自动重复播放格式

type=audio/mpeg Loop="true" AutoStart="true">

边框的基本格式

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

说明：

<table>：表格的起始符。任意一个表格的开始都必须以它开头，且必须有终止符</table>。

cellspacing：单元格间距。当一个表格有多个单元格时，各单元格的距离就是cellspacing了，如若表格只有一个单元格，那么，这个单元格与表格上、下、左、右边边框的距离也是cellspacing。

width：表格的宽度。取值从0开始，默认以像素为单位，与显示器的分辨率的像素是一致的。800×600的显示分辨率下，如果表格设置成1000个像素的宽度，那么，得出的效果将导致IE的横向滚动条出现，只有通过滑动它才能看到表格最右边的内容，所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比，如widht="100%"，这种赋值法有个好处：表格的宽度将根据可显示的宽度来自我调整宽度。

background：表格的背景图。其值为一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突，也建议这么做，这样，当图片不能显示时，表格的外观依然是好看的。

<tbody>：表体的起始符。紧跟在<table>之后，表示表体开始。必须有结尾符，放在</table>之前。在纯网页中可以不要tbody元素，但在论坛一定要使用，否则，当帖子用到较多的表格时，论坛的自动填充功能将可能会导致代码出错。

<tr>：tr的作用是规定表格的行，其中，t是table，r是row（行）。有多少组tr，这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。

<td>：td的作用是规定表格的列，t是table，d可理解为down（向下）。有多少组td，这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。

以上就第一层边框的基本要素，现在我们在看看第二层边框：

<TBODY>

<TR>

<TD>

其它的全和第一层一样，但多了这二组：

1：cellSpacing=1 borderColorDark=#0d1737 为暗边框，边框宽度为1象素，颜色为0d1737

2： cellpadding：单元格衬距。指该单元格里的内容与cellspacing区域的距离，如果cellspacing为0，则表示单元格里的内容与表格周边边框的距离。

3：borderColorLight=#24387a 为亮边框，颜色为0d1737

第三层边框和第一层一样，现在我们来看最后一层边框也就是背景。

<TBODY>

<TR>

<TD>

它只有背景的宽度width="网页宽度"，背景展示的网址：background=背景图片网址，还多了一个border=0它是什么意思呢？

border：此属性定义表格的边框。比如，border=1，表示表格边框的粗细为1个像素（默认值），为0表示没有边框

边框代码１

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

边框代码２

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

<TBODY>

<TR>

<TD>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。