不用圖片制作音畫邊框
我們學(xué)過用各種圖片做音畫邊框,今天我們學(xué)不用圖片做音畫邊框,這里有內(nèi)外邊框之分,具體做法如下:
一、外邊框的代碼:
<TABLE style="BORDER-RIGHT: #ff0000 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT:#00cd00 10px ridge; BORDER-BOTTOM: #4b0082 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0>
<TBODY> <TR> <TD>
這里是文字的輸入地方,隨著文字的增多,邊框就逐漸放大。這里可直接復(fù)制粘貼圖片或加入背景圖片的代碼或多個動畫代碼(做多層透明flash動畫)。
</TD></TR></TBODY></TABLE>
說明:紅色代碼是右邊框;綠色代碼是上邊框;深藍(lán)色代碼是左邊框;桃紅色代碼是下邊框;天藍(lán)色代碼是邊框內(nèi)面背景顏色;黃色代碼cellSpacing=0是限制內(nèi)邊框與外邊框距離的,“0”表示沒有距離,是可以改變的。#號后面的00ff00是顏色代碼,可以變換,要統(tǒng)一邊框顏色就要將四邊#號后的代碼變?yōu)橥粋€代碼,否則,四邊的顏色就會不同。顏色代碼可以在顏色代碼表里找;10PX是表示外邊框的寬度,數(shù)值可以改變;
依據(jù)外邊框代碼做出來的效果如下圖:
這里是輸入文字與插入圖片的地方,隨著文字的增多,邊框就逐漸放大。還可以加入背景圖片的代碼 |
二、內(nèi)邊框代碼及加進(jìn)外邊框的方法?
1、內(nèi)邊框代碼:
<TABLE border=1> <TBODY> <TR> <TD>
2、說明:
A、“=”號后的“1”可以變?yōu)?#8220;2”或“3”,不可改得太大,因為這是限制內(nèi)邊框?qū)挾鹊模珜捔司筒缓每戳耍?/font>
B、計(jì)劃做幾個內(nèi)邊框,就將這段代碼放開頭那段代碼的<TD>后,(即“文字”前)并復(fù)制粘貼幾次;
3、以做三個內(nèi)邊框?yàn)槔?/font>也就是將內(nèi)邊框代碼復(fù)制粘貼三次放于開頭那段代碼的<TD>后,(即“文字”前)邊框的寬設(shè)為“1”,代碼變化如下:
<TABLE style="BORDER-RIGHT: #ff0000 10px ridge; BORDER-TOP: #00ff00 10px ridge; BORDER-LEFT::#00cd00 10px ridge; BORDER-BOTTOM: #4b0082 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0> <TBODY> <TR> <TD>
<TABLE border=1> <TBODY> <TR> <TD>
<TABLE border=1> <TBODY> <TR> <TD>
<TABLE border=1> <TBODY> <TR> <TD>
這里是文字的輸入地方,隨著文字的增多,邊框就逐漸放大??梢约尤氡尘皥D片的代碼 ,在這里還可以放一個或多個動畫代碼(做多層透明flash動畫)。
</TD></TR></TBODY></TABLE>
看看經(jīng)過三次粘貼內(nèi)框代碼后做出來的效果
這里是文字的輸入地方,隨著文字的增多,邊框就逐漸放大。可以加入背景圖片的代碼 |
|
|
|
三、我們現(xiàn)在看看改變內(nèi)邊框與外邊框的代碼 cellSpacing=0改為等于“6” 后的效果圖:
這里是文字的輸入地方,隨著文字的增多,邊框就逐漸放大??梢约尤氡尘皥D片的代碼 |
|
|
|
|