事前解說 |
在TABLE標籤還有幾個比較實用的屬性,如CELLSPACING,CELLPADDING,還有將介紹一下表格最好用的地方 |
CELLSPACING 屬性 | ||||||||
CELLSPACING是指表格內框的寬度 其BORDER是指一個表格的最外框,會有立體的效果的是BORDER,而CELLSPACING就是指除了立體效果外的表格框線 而CELLSPACING用法和BORDER用法都相同,也是給一個數值,而CELLSPACING的預設值也是3
例如:
當BORDER為0時CELLSPACING雖然無法直接看到內框寬度,但效果還是存在
|
CELLPADDING 屬性 | ||||
CELLPADDING是指表格中文字距離表格框線的距離 而CELLPADDING用法和BORDER,CELLSPACING用法都相同
例如:
從這便可以看到表格中的數字1,2,3,4距離邊邊都有10點的距離了 |
BORDER為0的妙用 |
在CELLSPACING中曾提到BORDER為0時,但CELLSPACING有設定值時,效果仍然存在,
而其實BORDER為0時,可以用來定位文字圖片,譬如在這份教學文件中最下版權宣告的部份,
是置右對齊,而若想要達成這個效果,可能就要用P標籤的ALIGN屬性,但使用後兩行間會空一行,
而若打它打表格中,把BORDER設為0時,而把TD的ALIGN的屬性設為RIGHT時,看起來就好像直
接對右的樣子 但BORDER為0的妙用還不只如此,而以,要靠自己在去設計,而不是本文 件所能介紹完的 |
本章範例 |
<HTML> <HEAD> <TITLE>補充-表格標籤教學 </TITLE> </HEAD> <BODY> <CENTER> <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=600> <TR> <TD ALIGN=LEFT WIDTH=33%> <IMG SRC="../image/ex71.gif"> </TD> <TD ALIGN=CENTER WIDTH=34%> 醒吾技術學院國際貿易科</TD> <TD ALIGN=RIGHT WIDTH=33%> <IMG SRC="../image/ex71.gif"> </TD> </TR> </TABLE> </CENTER> </BODY> </HTML> |
作者:
醒吾技術學院
國貿系
陳義元
E-mail 完成日期:1999年8月31日 |