Posted on 2006-03-11 14:55
橘子 閱讀(352)
評論(0) 編輯 收藏 所屬分類:
WEB開發(fā)
網(wǎng)頁制作中表格扮演了很重要的角色。你是否知道，表格還有很多的秘密呢？通過與Javascript、CSS等的結(jié)合，表格還有很多巧妙的用處。
1、用表格做流動分割線
我們知道，在網(wǎng)頁中可以用
標(biāo)識來做分割線，也可以把表格設(shè)置為1個象素高或?qū)挸洚?dāng)分割線。現(xiàn)在，我們將表格與Javascript結(jié)合，可以做出更生動的分割線——流動的分割線。加入以下代碼，你就可以看到一條分割線，顏色在不斷的流動。
在上面的代碼中，我們可以通過修改
標(biāo)識中的height和width設(shè)置分割線的高度和長度。
2、帶滾動條的表格
看看圖一的效果，可千萬不要以為是IFRAME，這可是地地道道的表格！其實，這是表格和CSS結(jié)合的效果。當(dāng)網(wǎng)頁上有大段文字要顯示，而又沒有足夠的空間時，這就派上用場了。雖然用文本框也可以實現(xiàn)類似效果，但卻遠(yuǎn)沒有用表格靈活。代碼很簡單，只要在單元格
標(biāo)識后加上如下代碼就可以了：
3、帶標(biāo)題的表格
看看圖二的效果。通常，我們要給表格加標(biāo)題，不是用單元格的方法就是用圖片，很麻煩。其實，我們可以只用很一些很簡單的HTML標(biāo)識，就可以輕松實現(xiàn)給表格加標(biāo)題了。這個標(biāo)識似乎已被人遺忘，很少看到使用，不過它實現(xiàn)的效果還是很不錯的。下面就來看看如何實現(xiàn)：
|
|
|