<style type="text/css">
#tb tr {
background-color: expression(
this.sectionRowIndex % 2 == 0 ? "#fff" : "#efefef"
)
TableSelect: expression(
this.sectionRowIndex == 0 ? "" :
(
onmouseover = function()
{
this.style.backgroundColor="#69CDFF"
},
onmouseout = function()
{
var color
if(this.sectionRowIndex % 2 == 0){
color = "#fff"
} else {
color = "#efefef"
}
this.style.backgroundColor=color
}
)
)
}
</style>
table如下：
<body>
<table cellspacing="1" class="FindAreaTable1" ID="DataGrid1">
<tr>
<td>首行首列</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
<td>首行</td>
</tr>
<tr>
<td>行1首列</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
<td>行1</td>
</tr>
<tr>
<td>行2首列</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
<td>行2</td>
</tr>
<tr>
<td>行3首列</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
<td>行3</td>
</tr>
<tr>
<td>行4首列</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
<td>行4</td>
</tr>
<tr>
<td>行5首列</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
<td>行5</td>
</tr>
</table>
</body>
</html>
用css可以改变table中的字体颜色，用到的工具，notepad++,示例代码如下：
用css控制table中字体的颜色，代码如下：
<style>.color{color:#ff0000}
</style>
<table><tr><td class="color">请用css给我着色红色</td></tr></table>
运行效果图：
注意事项：table的td本身就支持颜色简单属性。
<table border="1">属于html的标签属性，border只能控制显示线条的粗细，不能控制边框的所有外观（颜色、线条类型等），并且 border="1" 在每个浏览器中呈现的效果也有细微的差别。table{
border:1px solid #000000
} 采用css样式能精准的控制边框的外观，并且也做到左边线是什么外观，右边线是什么外观（left-border:... right-border:...）等。
