table中如何用CSS控制<tr>><td>的宽度和高度

table中如何用CSS控制<tr>><td>的宽度和高度

给table设置一个mian
代码如下
<style type="text/css">
.main td{ height:30px; border:#CCCCCC 1px solid;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="main">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
 
</table>
.main td的意思是指定main类下的td，同理也可以指定tr
这样的做法只能针对了设定main类的表格，若是想要所有的表格都是同一个高度样式可以这样写
<style type="text/css">
table td{ height:30px; border:#CCCCCC 1px solid;}
</style>
注意的是table前不要加点，因为他不是类名，而是html元素
希望对你有所帮助