網(wǎng)頁制作中表格扮演了很重要的角色。你是否知道，表格還有很多的秘密呢？通過與javascript、CSS等的結(jié)合，表格還有很多巧妙的用處。

1、用表格做流動分割線

　　我們知道，在網(wǎng)頁中可以用<hr>標(biāo)識來做分割線，也可以把表格設(shè)置為1個象素高或?qū)挸洚?dāng)分割線。現(xiàn)在，我們將表格與Javascript結(jié)合，可以做出更生動的分割線——流動的分割線。加入以下代碼，你就可以看到一條分割線，顏色在不斷的流動。

　　<script>
　　l=Array(6,7,8,9,'a','b','b','c','d','e','f')
　　t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>"
　　for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"}
　　document.write(t+"</tr></table>")
　　function f1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
　　document.all["a_mo"+(i)].bgColor="'#00"+l[c]+l[c]+"00'"}y++
　　setTimeout('f1('+y+')',1)}f1(1)
　　</script>

　　在上面的代碼中，我們可以通過修改<table>標(biāo)識中的height和width設(shè)置分割線的高度和長度。源代碼如圖一：

圖一
　　效果顯示如圖二：

圖二

2、帶滾動條的表格

看看圖一的效果，可千萬不要以為是IFRAME，這可是地地道道的表格！其實(shí)，這是表格和CSS結(jié)合的效果。當(dāng)網(wǎng)頁上有大段文字要顯示，而又沒有足夠的空間時，這就派上用場了。雖然用文本框也可以實(shí)現(xiàn)類似效果，但卻遠(yuǎn)沒有用表格靈活。代碼很簡單，只要在單元格<td>標(biāo)識后加上如下代碼就可以了：

<div style="overflow:auto;height:200;">

當(dāng)然，對應(yīng)的在單元格結(jié)束</td>標(biāo)識前加上</div>。我們可以更改height的值，來修改顯示文段區(qū)域的高度。如以下的示例，就實(shí)現(xiàn)了圖示的效果。

<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>標(biāo)題</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
這里輸入文段的內(nèi)容。
</div>
</td></tr>
</table>

3、帶標(biāo)題的表格

看看圖二的效果。通常，我們要給表格加標(biāo)題，不是用單元格的方法就是用圖片，很麻煩。其實(shí)，我們可以只用很一些很簡單的HTML標(biāo)識，就可以輕松實(shí)現(xiàn)給表格加標(biāo)題了。這個標(biāo)識似乎已被人遺忘，很少看到使用，不過它實(shí)現(xiàn)的效果還是很不錯的。下面就來看看如何實(shí)現(xiàn)：

<fieldset style="width:220" align="center">
<legend>這里是表格的標(biāo)題</legend>
這里添加表格中的內(nèi)容
</fieldset>

幾行代碼就可以搞掂了！修改width值可以設(shè)置表格寬度。<legend>和</legend>之間是表格的標(biāo)題，你可以設(shè)置表格標(biāo)題的顏色、大小等，甚至是加上個鏈接。</legend>標(biāo)識之后，就可以任意添加表格中的內(nèi)容了，同樣也可以添加任意的內(nèi)容，如文字、表格、圖片等。