做外框与内框
博客制做 2008-07-15 22:20:30 阅读493 评论5 字号：大中小
一、外边框的代码：
1、代码：
<TABLE style="BORDER-RIGHT: #333366 10px ridge; BORDER-TOP: #333366 10px ridge;
BORDER-LEFT: #333366 10px ridge; BORDER-BOTTOM: #333366 10px ridge;
BACKGROUND-COLOR: #993333"
cellSpacing=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，边框的高度
逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
</TD></TR></TBODY></TABLE>
2、说明：
天蓝色代码是右边框；绿色代码是上边框；淡紫色代码是左边框；玫瑰红色代码是下边框；红色代码是
边框内面背景颜色；茶色代码cellSpacing=0是限制内边框与外边框距离的，“0”表示没有距离，是可以改变
的。（这段代码里没有内边框代码）#号后面的333366是颜色代码，可以变换，要改变边框颜色就要将四边#号
后的代码变为同一个代码，否则，四边的颜色就会不同。颜色代码可以在颜色代码表里找；10PX是表示外边框
的宽度，数值可以改变；
效果：
在这里置入文字，随着文字的增多，边框的高度逐渐放大。可以放加入背景图片的代码，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
二、怎样加进内边框
1、代码：
<TABLE border=1>
<TBODY>
<TR>
<TD>
2、说明：
A、“=”号后的“1”可以变为“2”或“3”，不可改得太大，因为这是限制内边框宽度的，太宽了就不好看了；
B、做几个内边框，就将这段代码放开头那段代码的<TD>后，（即“文字”前）并复制粘贴几次;
3、以做三个内边框为例：也就是将内边框代码复制粘贴三次放于开头那段代码的<TD>后，（即“文字”前）边框的宽设为“1”，代码变化如下：
<TABLE style="BORDER-RIGHT: #333366 10px ridge; BORDER-TOP: #333366 10px ridge;
BORDER-LEFT: #333366 10px ridge; BORDER-BOTTOM: #333366 10px ridge;
BACKGROUND-COLOR: #993333" cellSpacing=0>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
</TD></TR></TBODY></TABLE>
代码变化后的效果：
在这里置入地方，随着文字的增多，边框的高度逐渐放大。可以放加入背景图片的代码，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
将限制内边框与外边框距离的代码cellSpacing=0改为等于“5”后的效果：
在这里置入文字，随着文字的增多，边框的高度逐渐放大。可以放加入背景图片的代码，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
边框宽度和颜色变化的效果：
如果外边框的宽度、颜色都一样，代码可简化为：
<TABLE style="BORDER: #333366 10px ridge; BACKGROUND-COLOR: #993333" cellSpacing=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#ffcc33 face=楷体 size=3>在这里置入文字，随着文字的增多，边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
</TD></TR></TBODY></TABLE>
效果仍与第一个框图一样：
在这里置入地方，随着文字的增多，边框的高度逐渐放大。可以放加入背景图片的代码 ，在这里还可以放一个或多个动画代码（做多层透明flash动画）。
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
