|
這是一普通的表格 |
|
表格加上了漂亮的細(xì)線
(利用cellspacing1像素間隙和表格與單元格背景的不同) |
|
這和上面那個(gè)可不一樣，它用的是CSS，效果卻一樣。
(對(duì)單元格border的定義) |
|
|
再進(jìn)一步，把邊框變成虛線，同樣是CSS的神奇作用。 |
|
|
細(xì)線表格的擴(kuò)展應(yīng)用，奧妙就是在第個(gè)單元格中再套入一個(gè)表格。 |
|
立體感的表格
(簡(jiǎn)單的亮暗邊框設(shè)置，注意只有IE支持這種效果) |
|
給表格加上一個(gè)表頭
(應(yīng)用<fieldset>和</legend>標(biāo)簽) |
|
給表頭再加個(gè)框
(用CSS為<legnd>定義一個(gè)邊框) |
|
看起來和上面的一樣，可是這個(gè)才是真正的表中表哦。
(在<legnd>中插入一個(gè)表格) |
|
這一節(jié)要靠你自己去發(fā)現(xiàn)了，因?yàn)檫@樣學(xué)到的東西才是真正屬于自己的（我的一個(gè)偷懶的借口）。 我已經(jīng)在每個(gè)表格的下面寫出了重點(diǎn)，并在右邊給出它的源代碼，你可以對(duì)照著看。下面還有一 個(gè)邊框會(huì)自己變顏色閃動(dòng)的表格，有興趣也研究研究吧 ^o^ |
