記住這些常用代碼,，做邊框就不愁啦

昵稱5616265 2014-10-25

展開全文

記住這些常用代碼，做邊框就不愁啦

表格常用屬性

*代　碼*	*代碼屬性含義*
border=1	邊框的邊線寬度,數(shù)字越大邊線越粗,為0表示沒有邊框,。
cellpacding=1	里框與外框之間的距離,數(shù)字越大之間的寬度越寬,。
cellpadding=1	里框內容與里框之間的距離,數(shù)字越大之間的寬度越寬。
width=200	寬度代碼,200表示像素,數(shù)字越大越寬,。
height=200	高度代碼,200表示像素,數(shù)字越大越高,。
bgcolor=#ffffff	邊框的背景顏色,ffffff表示背景顏色為白色。
background=圖片地址	邊框的背景圖片,=后面加圖片地址,。
borderColor=#cccccc	邊框的顏色,(當border值不為0時設置此值才顯示),。
align=center	邊框居中代碼,(不設此代碼邊框居左,=后加right為右對齊)。

　　　你如果會熟練運用這幾個邊框的常用屬性,，制作邊框對你來說就不難了,。只要
　點一下表格按鈕，就會出現(xiàn)下面的邊框基本代碼,，然后你再根據(jù)自己的需要添加上
　面的屬性,，使之邊框符合你的心意。目前我們用到的邊框基本上屬于兩大類型：一
　種是框套框類型,，就是大框套小框的意思；另一種類型是框疊框類型,，就是一個個
　框疊起來,，再配上各種顏色或圖片組成的。下面我說說具體的做法：

邊框基本代碼

　　　你如果只要一個簡便的雙線框,，只要添加幾個代碼就成了：(蘭色的代碼)
　并將紅色的數(shù)字改成你喜歡的寬度,。

日志內容

雙線帶底色邊框代碼

　　　你如果你要做個框套框的邊框，只要添加幾組單個邊框代碼就成了：四層就添
　加三組(共四組代碼),，但是,，收尾代碼</TD></TR></TBODY></TABLE>需要放在最
　后，有幾層就需要放幾組收尾代碼（白色代碼）這是“框套框”與“框疊框”最大
　的區(qū)別,?？蜻叺膶挾?/font>數(shù)字可以改成你喜歡的寬度，邊框顏色你可自己調。

日志內容

四層帶底色彩色邊框代碼

　　　你如果想要將圖片做框邊,，只要添加背景圖片代碼就成,。下面是三層圖片組成
　邊框外加一張底圖的邊框。添加圖片后,，底色就自動遮蓋了,。下面的紫色代碼就是
　背景圖片代碼。同樣道理,，收尾代碼</TD></TR></TBODY></TABLE>需要放在最后,。

日志內容

四層帶底色彩色邊框代碼

　　　下面我再說說怎么做框疊框的邊框。其實最方便又好看的是框疊框邊框,，這種
　邊框一般由三張圖片組成,，也有些是四張五張等圖片的，多一張圖片就多加一層代
　碼就行了,。與框套框的收尾代碼不同的是,，收尾代碼</TD></TR></TBODY></TABLE>
　需要放在每一層代碼的后面，但是作為底板的圖片,，一般是第二張,，收尾代碼需要
　放在內容的后面。舉列說明：

記住這些常用代碼,，做邊框就不愁啦 - 和尚 - 2014

　這是第一張圖，也叫框頭圖,，圖片地址如下：http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_1.jpg

記住這些常用代碼，做邊框就不愁啦 - 和尚 - 2014

　這是第二張圖,，也叫底板圖,，圖片地址如下：http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_2.gif

記住這些常用代碼,，做邊框就不愁啦 - 和尚 - 2014

　這是第三張圖,，也叫框底圖，圖片地址如下：http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_3.jpg

　將三張圖片拼起的的代碼如下：

框疊框的基本代碼

<TABLE border=0 borderColor=#cccccc cellPadding=0 width=880 background=http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_1.jpg bgColor=#ffffff align=center height=360>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<TABLE border=0 borderColor=#cccccc cellPadding=0 width=880 background=http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_2.gif bgColor=#ffffff align=center height=100>
<TBODY>
<TR>
<TD>在此可添加內容</TD></TR></TBODY></TABLE>
<TABLE border=0 borderColor=#cccccc cellPadding=0 width=880 background=http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_3.jpg bgColor=#ffffff align=center height=360>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

　以上是基本代碼,，你還可以在圖片中加點動態(tài)的點綴,，要注意兩點：1.紅色的寬高
　數(shù)字要與其背景圖片一致；2.點綴的動畫寬高不能超過其背景的寬高,；其代碼如下:
　(深黃色)

框疊框加點綴后的基本代碼

<TABLE border=0 borderColor=#cccccc cellPadding=0 width=880 background=http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_1.jpg bgColor=#ffffff align=center height=360>
<TBODY>
<TR>
<TD><EMBED height=300 type=application/x-shockwave-flash width=800 src=http://www./swf/sucai/hudie/23.swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></TD></TR></TBODY></TABLE>
<TABLE border=0 borderColor=#cccccc cellPadding=0 width=880 background=http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_2.gif bgColor=#ffffff align=center height=100>
<TBODY>
<TR>
<TD>在此可添加內容</TD></TR></TBODY></TABLE>
<TABLE border=0 borderColor=#cccccc cellPadding=0 width=880 background=http://image79.360doc.com/DownloadImg/2014/10/2521/46474523_3.jpg bgColor=#ffffff align=center height=360>
<TBODY>
<TR>
<TD><EMBED height=300 type=application/x-shockwave-flash width=860 src=http://www./swf/sucai/hudie/23.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></TD></TR></TBODY></TABLE>