<style type="text/css">
table.gridtable {}{
font-family: verdana,arial,sans-serif
font-size:11px
color:#333333
border-width: 1px
border-color: #666666
border-collapse: collapse
}
table.gridtable th {}{
border-width: 1px
padding: 8px
border-style: solid
border-color: #666666
background-color: #dedede
}
table.gridtable td {}{
border-width: 1px
padding: 8px
border-style: solid
border-color: #666666
background-color: #ffffff
}
</style>
<!-- Table goes in the document BODY -->
<table class="gridtable">
<tr>
<th>Info Header 1</th><th>Info Header 2</th><th>Info Header 3</th>
</tr>
<tr>
<td>Text 1A</td><td>Text 1B</td><td>Text 1C</td>
</tr>
<tr>
<td>Text 2A</td><td>Text 2B</td><td>Text 2C</td>
</tr>
</table>
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
用CSS+DIV做那就太简单了，用div，span，ul，table都可以完成。用JS做是这样的，这段代码加入head标签中即可。
<script type="text/javascript">
document.write("<table>")
for (var i =1i<=9i++)
{
document.write("<tr>")
for (var j =1j<=ij++)
{
document.write("<td style='border:1px solid #333333'>")
document.write(j+"*"+i+"="+i*j)
document.write("</td>")
}
document.write("</tr>")
}
document.write("</table>")
</script>
