查看單個文章
舊 2007-05-13, 11:43 PM   #1 (permalink)
猜謎人
榮譽會員
 
猜謎人 的頭像
榮譽勳章
UID - 14438
在線等級: 級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時
註冊日期: 2002-12-19
住址: 虎爛宮解籤詩處
文章: 18702
現金: 10109 金幣
資產: 2886912 金幣
預設 HTML教學--表格之設計3

這回我們要談兩個主題,一是表格的frame和rules。一是巢狀表格!首先何謂frame和rules?frame指的是表格外圍的四個邊邊,而rules則是除了外圍四個邊以外的線,茲舉例如下(見下面瀏覽結果):第一個表格是沒有frame和rules,第二是只出現frame,第五個是出現所有rules!對於frame和rules在table有哪些屬性呢?以frame而言,他有下列屬性:void 指的是表格沒有frame,Above 指的是只出現最上面的水平線,Below 則是出現最下面的水平線,Hsides是只出現上下水平線,LHS是只出現左邊垂直線,RHS是只出現右邊垂直線,Vsides是出現左右水平線,至於Box和border一樣是顯示四個邊!我在例子中只做幾個,其餘你自己可以試試看。
至於rules有五個屬性!NONE是不顯示rules,GROUPS則是只出現組與組之間的rules,ROWS是出現列的線,COLS是出現行的線,ALL則出現所有的rules,一樣我只舉兩例子,其他自己玩玩看。
最後是巢狀的表格,也就是表格內又有表格!這裡我們舉一個例子!如果一個表格裡面只有一個資料格,在這個資料格我們在分成第一列又是一個表格,而第二列又是一個表格,則整個表格就會如下面顯示!原始碼如下:
最後表格又有兩個特殊屬性,一是資料格與資料格的距離,這個我們用cellspacing來表示,另一個是資料格的內仍與邊緣的距離,我們用cellpadding來表示,下面的例子是cellspacing=10 cellpadding=20!
HTML原始碼如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/a1001.jpg

瀏覽器顯示如下:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/a1002.jpg
__________________
http://i171.photobucket.com/albums/u287/sad_jellyfish/net-pic/s_zpsf91b1q3t.jpghttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/banner.gifhttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/kkk_zps3punatke.gif
猜謎人 目前離線  
送花文章: 1110, 收花文章: 16299 篇, 收花: 83322 次
有 4 位會員向 猜謎人 送花:
assitance (2007-05-30),bearipf (2007-05-13),longlie (2007-10-21),wulihua (2007-05-20)
感謝您發表一篇好文章