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>