博客美化素材 2009-12-01 14:56:31 閱讀377 評(píng)論5 字號(hào)：大中小
不用圖片制作音畫邊框
我們學(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ù)制粘貼圖片或加入背景圖片的代碼或多個(gè)動(dòng)畫代碼（做多層透明flash動(dòng)畫）。
</TD></TR></TBODY></TABLE>
說明：紅色代碼是右邊框；綠色代碼是上邊框；深藍(lán)色代碼是左邊框；桃紅色代碼是下邊框；天藍(lán)色代碼是邊框內(nèi)面背景顏色；黃色代碼cellSpacing=0是限制內(nèi)邊框與外邊框距離的，“0”表示沒有距離，是可以改變的。#號(hào)后面的00ff00是顏色代碼，可以變換，要統(tǒng)一邊框顏色就要將四邊#號(hào)后的代碼變?yōu)橥粋€(gè)代碼，否則，四邊的顏色就會(huì)不同。顏色代碼可以在顏色代碼表里找；10PX是表示外邊框的寬度，數(shù)值可以改變；
依據(jù)外邊框代碼做出來的效果如下圖: 這里是輸入文字與插入圖片的地方,隨著文字的增多，邊框就逐漸放大。還可以加入背景圖片的代碼
二、內(nèi)邊框代碼及加進(jìn)外邊框的方法？
1、內(nèi)邊框代碼：
<TABLE border=1>
<TBODY>
<TR>
<TD>
2、說明：
A、“=”號(hào)后的“1”可以變?yōu)?#8220;2”或“3”，不可改得太大，因?yàn)檫@是限制內(nèi)邊框?qū)挾鹊模珜捔司筒缓每戳耍?div style="height:15px;">
B、計(jì)劃做幾個(gè)內(nèi)邊框，就將這段代碼放開頭那段代碼的<TD>后，（即“文字”前）并復(fù)制粘貼幾次;
3、以做三個(gè)內(nèi)邊框?yàn)槔阂簿褪菍?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片的代碼 ，在這里還可以放一個(gè)或多個(gè)動(dòng)畫代碼（做多層透明flash動(dòng)畫）。
</TD></TR></TBODY></TABLE>
看看經(jīng)過三次粘貼內(nèi)框代碼后做出來的效果 這里是文字的輸入地方，隨著文字的增多，邊框就逐漸放大?？梢约尤氡尘皥D片的代碼
三、我們現(xiàn)在看看改變內(nèi)邊框與外邊框的代碼 cellSpacing=0改為等于“6” 后的效果圖：
這里是文字的輸入地方，隨著文字的增多，邊框就逐漸放大?？梢约尤氡尘皥D片的代碼
請(qǐng)看音畫邊框制作(一) 引用
老君 的
不用圖片制作音畫邊框
