table和tr设置样式

 table和tr设置样式，和平常的style和class有些许差别。

1、table 样式设置方法有:

(1)<table width='400' height='300' bgcolor='green' border='0' cellspacing='1'></table>

(2) <table style='width:400px;height:300px;background-color:green;border:0;cellspacing:1px;'></table>这样的设置的cellspacing，宽度是(1)方法中的2倍宽

(3)css: .table{width:400px;height:300px;background-color:green;border:0;cellspacing:1px;} 这样的设置的cellspacing，宽度也是(1)方法中的2倍宽

2、tr标签背景样式设置,方法有：

(1)如果在页面编写代码时，table没有thead和tbody,那么tr设置样式情况为:

<tr bgcolor='white'></tr>

或者css:.tr{background-color:white} <tr class='tr'></tr>

但是 <tr style='background-color:white'></tr>无效

(2)如果在页面编写代码时，table有thead和tbody,那么tr设置样式额情况不同:

如果tr存在在thead中，设置背景样式可以:

<tr bgcolor='white'></tr>   

或者  css: .trHead{background-color:white;} <tr class='trHead'></tr>

但是 <tr style='background-color:white'></tr> 无效

如果tr存在在tbody中，设置背景样式可以:

<tr bgcolor='white'></tr>   

或者  css: .trHead{background-color:white;} <tr class='trHead'></tr>

或者<tr style='background-color:white'></tr> 

3、细线表格制作

<table width='400' height='300' bgcolor='green' border='0' cellspacing='1'>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

<tr bgcolor='white'><td></td><td></td><td></td></tr>

</table>