做外框與內框
博客制做 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>在這里置入文字,隨著文字的增多,邊框的高度
逐漸放大??梢苑偶尤氡尘皥D片的代碼 ,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。
</TD></TR></TBODY></TABLE>
2、說明:
天藍色代碼是右邊框;綠色代碼是上邊框;淡紫色代碼是左邊框;玫瑰紅色代碼是下邊框;紅色代碼是
邊框內面背景顏色;茶色代碼cellSpacing=0是限制內邊框與外邊框距離的,“0”表示沒有距離,是可以改變
的。(這段代碼里沒有內邊框代碼)#號后面的333366是顏色代碼,可以變換,要改變邊框顏色就要將四邊#號
后的代碼變?yōu)橥粋€代碼,否則,四邊的顏色就會不同。顏色代碼可以在顏色代碼表里找;10PX是表示外邊框
的寬度,數值可以改變;
效果:
在這里置入文字,隨著文字的增多,邊框的高度逐漸放大??梢苑偶尤氡尘皥D片的代碼,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。
二、怎樣加進內邊框
1、代碼:
<TABLE border=1>
<TBODY>
<TR>
<TD>
2、說明:
A、“=”號后的“1”可以變?yōu)?#8220;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>在這里置入文字,隨著文字的增多,邊框的高度逐漸放大??梢苑偶尤氡尘皥D片的代碼 ,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。
</TD></TR></TBODY></TABLE>
代碼變化后的效果:
在這里置入地方,隨著文字的增多,邊框的高度逐漸放大??梢苑偶尤氡尘皥D片的代碼,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。
將限制內邊框與外邊框距離的代碼cellSpacing=0改為等于“5”后的效果:
在這里置入文字,隨著文字的增多,邊框的高度逐漸放大??梢苑偶尤氡尘皥D片的代碼,在這里還可以放一個或多個動畫代碼(做多層透明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>
效果仍與第一個框圖一樣:
在這里置入地方,隨著文字的增多,邊框的高度逐漸放大??梢苑偶尤氡尘皥D片的代碼 ,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。