史萊姆論壇

史萊姆論壇 (http://forum.slime.com.tw/)
-   程式 & 網頁設計技術文件 (http://forum.slime.com.tw/f138.html)
-   -   HTML教學--表格之設計3 (http://forum.slime.com.tw/thread205311.html)

猜謎人 2007-05-13 11:43 PM

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


所有時間均為台北時間。現在的時間是 12:04 PM

Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2022, Jelsoft Enterprises Ltd.

『服務條款』

* 有問題不知道該怎麼解決嗎?請聯絡本站的系統管理員 *


SEO by vBSEO 3.6.1