如何设置table中<tr>和<td>的高度

//-----------------自定义表格table的行和列的宽和高----------------------//

先设置一个样式 如下：

<style type="text/css">
.main td{ height:30px; border:#CCCCCC 1px solid;}
</style>

再对样式进行引用 ：

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <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元素

 

转载于:https://www.cnblogs.com/softmans/p/3210965.html