一、邊框表格的基本語法表格邊框效果代碼如下<table width="200" height="120" border="5" cellspacing="5" cellpadding="5" align="center" valign="middle" bgcolor="#f0ffff" bordercolor=#00ff00><tr><td>文字</td></tr></table>
基本語法釋義 在上面框內(nèi)這段代碼里的<table.........><tr><td>文字<*/td><*/tr><*/table>就組成邊框表格的基本語法:開始標簽,內(nèi)容,結(jié)束標簽.這三個標記<table><tr><td>是定義表格的最重要的標記，可以說學懂這三個就足己制作一個邊框表格了.
先看懂這個代碼:
table:這是一個做表格的元素,要描述內(nèi)容的屬性都寫在由它組成的開始標簽里.
tr:描述列的元素,列就是從上到下的行.
td:描述格的元素,格就是每行里的格(大概意思).
table的屬性常用的有:
width= 表格寬度，接受絕對值（如180）及相對值（如 80%,相對可顯示的寬度）
height= 表格高度，接受絕對值（如 180）
border= 表格框的厚度.
cellspacing= 表格格線離邊框距離
cellpadding= 文字圖片離格線的距離.
align= 表格的擺放位置（水平），可選值為： left, right,center(左，右，中心)
valign= 表格內(nèi)字畫等的擺放貼位置（垂直）可選值為： top, middle, bottom。(頂，中間，底部 ) background= 表格的背景圖，與 bgcolor 不要同用。 bgcolor= 表格背景顏色，與background 不要同用. bordercolor= 表格邊框顏色. bordercolorlight= 表格邊框向光部分的顏色. bordercolordark= 表格邊框背光部分的顏色,(使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效)
二、邊框的制作1.顏色框: 簡單地只要寫上表格邊框顏色屬性 bordercolor 和邊框的厚度屬性 border,再寫上表格的寬 width 和高 height 就會顯示一個你所指定的顏色框.
顏色框效果代碼如下<table bordercolor=#00ff00 border=5 align=center width=200 height=120 cellspacing=0><tr><td>文字</td></tr></table>
這里多寫了一個格線屬性cellspacing=0,格線就是上面第一個邊框里的那根細線(打表格用的)，不寫格線屬性瀏覽器就默認為1.我們不需要格線時,請一定寫上cellspacing=0,這個默認有時會搗亂的. 右邊是不寫的效果:
cellspacing=0不寫的效果框定好寬和高以后,如果放在里面的內(nèi)容大于它,則按大的顯示.例如還是上面那個尺寸的框,放進一張大的圖片
:
代碼如下<table align=center bordercolor=#00ff00 border=5 width=200 height=120 cellspacing=0><tr><td><img src=圖片地址 width=200></td></tr></table>
以上的效果提示我們要注意兩點:
1）有時按需要定好框的尺寸,不容許再變的,那就要注意放進去的內(nèi)容不能大于框的尺寸,以免撐大.
2）因為放進去的內(nèi)容會撐大框,有時干脆不寫表格的尺寸,讓內(nèi)容自動撐大反而會服貼.
三、素材框利用素材圖片做框的原理是:把素材圖片做成各種背景圖,再把背景圖一張張覆蓋上去,每后一張都比前一張小一點,這些邊上露出來的小一點就組成了一個框的效果. 邊框要做多少層就要做多少個背景圖,要做成多少個背景圖也就是要做多少個表格.每后一個表格都要放到前一個表格里. 要使每后一張都比前一張小一點的方法:只要在前一張代碼里設(shè)定格線厚度cellspacing=就行了,設(shè)定多大就露多大.(我們經(jīng)?？吹降钠吝吙蚓褪沁@樣做出來的）
素材邊框效果代碼如下<table align="center" border="0" cellpadding="0" cellspacing="10" width="90%" background="第一層背景圖片地址"><tr><td><table align="center" border="0" cellpadding="0" cellspacing="5" width="100%" background="第二層背景圖片地址"><tr><td bgcolor=#000000>文字</td></tr></table></td></tr></table>
在框內(nèi)添加一張圖片效果如下：
代碼如下<TABLE cellSpacing=10 cellPadding=0 align=center background=第一層背景圖片地址 border=0> <TBODY><TR><TD> <TABLE cellSpacing=5 cellPadding=0 width="100%" align=center background=第二層背景圖片地址 border=0> <TBODY><TR><TD> <IMG src=框內(nèi)的圖片地址 width=250 twffan="done"></TD></TR></TBODY>
</TABLE></TD></TR></TBODY></TABLE>
看懂這些代碼的意思了嗎？其實最重要的還是應(yīng)該做到前面有幾個開始標簽，結(jié)束就必須有收尾標簽。音畫帖往往做框用很多表格,里面又大框套小框的用很多表格,由于疏忽經(jīng)常會出現(xiàn)少寫或多寫收尾。使得整個帖變形. 正常來說：做了幾個表格,就必須有幾組收尾標簽,多一個少一個都不行.（ 即：多少<td><tr><table>對應(yīng)多少</td></tr></table>）。（網(wǎng)易博客具有默認兼容）
四、圖和文字放進框里的方法及注意點代碼格式：<table ......><tr><td>內(nèi)容</td></tr></table>
將圖和文字的代碼從上到下按順序代替上面的"內(nèi)容"放到表格里. 代碼安放的一些注意點:
1.豎向處理:,首先,表格屬性里不寫高 height ,這樣可讓內(nèi)容自動撐高. 凡是要空行的地方可用換行標簽<br>來設(shè)定,不夠可以多加幾個<*br>,到滿意為止, 也可用分段標簽<P>......</P>,不夠再加<br>
2.橫向處理:首先,在最后一層表格里寫上文字圖片離格線的距離屬性: cellpadding= .不讓內(nèi)容靠邊. 再強調(diào)一遍,放進去的所有內(nèi)容的寬度不要大于框的內(nèi)寬,為了美觀還要它們小一點. 圖片寬度好設(shè)定,文字一般也用<br>分行的方法來限定它的寬度。
3.內(nèi)容居中:將位置屬性align=center放到最后一層表格的<td>標簽里,框里的內(nèi)容就會都居中了，代碼格式：<table ......><tr><td align=center>內(nèi)容</td></tr></table>
五、如何隱藏表格的四個邊框表格邊框的顯示與隱藏，是可以用frame參數(shù)來控制的。請注意它只控制表格的邊框圖，而不影晌單元格。
只顯示上邊框 <table frame=above>
只顯示下邊框 <table frame=below>
只顯示左、右邊框 <table frame=vsides>
只顯示上、下邊框 <table frame=hsides>
只顯示左邊框 <table frame=lhs>
只顯示右邊框 <table frame=rhs>
不顯示任何邊框 <table frame=void>
