1、用表格做流動分割線
<script language=javascript> l=Array(6,7,8,9,'a','b','b','c','d','e','f') t="
我們知道，在網頁中可以用<hr>標識來做分割線，也可以把表格設置爲1個象素高或寬充當分割線。現在，我們將表格與javascript結合，可以做出更生動的分割線——流動的分割線。加入以下代碼，你就可以看到一條分割線，顏色在不斷的流動。
<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>標識中的height和width設置分割線的高度和長度。
2、帶滾動條的表格
看看圖一的效果，可千萬不要以爲是IFRAME，這可是地地道道的表格！其實，這是表格和CSS結合的效果。當網頁上有大段文字要顯示，而又沒有足夠的空間時，這就派上用場了。雖然用文本框也可以實現類似效果，但卻遠沒有用表格靈活。代碼很簡單，只要在單元格<td>標識後加上如下代碼就可以了：
<div style="overflow:auto;height:200;">
當然，對應的在單元格結束</td>標識前加上</div>。我們可以更改height的值，來修改顯示文段區域的高度。如以下的示例，就實現了圖示的效果。
<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>標題</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
這裏輸入文段的內容。
</div>
</td></tr>
</table>
3、帶標題的表格
看看圖二的效果。通常，我們要給表格加標題，不是用單元格的方法就是用圖片，很麻煩。其實，我們可以只用很一些很簡單的HTML標識，就可以輕鬆實現給表格加標題了。這個標識似乎已被人遺忘，很少看到使用，不過它實現的效果還是很不錯的。下面就來看看如何實現：
<fieldset style="width:220" align="center">
<legend>這裏是表格的標題</legend>
這裏添加表格中的內容
</fieldset>
幾行代碼就可以搞掂了！修改width值可以設置表格寬度。<legend>和</legend>之間是表格的標題，你可以設置表格標題的顏色、大小等，甚至是加上個鏈接。</legend>標識之後，就可以任意添加表格中的內容了，同樣也可以添加任意的內容，如文字、表格、圖片等。
