如何用css设置表格大小

html-css021

如何用css设置表格大小,第1张

CSS中宽度和高度分别可以通过width和height实现，那么对于单元格的宽度和高度，则可以通过如下样式来设置 td{ width:100pxheight:50px} /*设置单元格宽度100px，高度50px*/示例如下

亚马逊广告表格单元缩小这样弄

1选中单元格

选中需要缩小的单元格。2点击格式

点击右上角的【格式】。3点击自动调整行高

弹出白色框，点击【自动调整行高】。4操作完成

单元格缩小操作完成。

<style type="text/css">

<!--

.tablecss tr td{

width:100px

height:50px

/*建议加上overflow:hidden这样如果内容宽度或者高度超过规定范围大小的话将被隐藏*/

}

-->

</style>

<table class="tablecss">

<tr>

<td></td>

<td></td>

<td></td></tr>

<tr>

<td></td>

<td></td>

<td></td></tr>

<tr>

<td></td>

<td></td>

<td></td></tr>

</table>

如果觉得这样写不明白的话可以写成：

<style type="text/css">

<!--

table tr td{

width:100px

height:50px

/*同样建议加上overflow:hidden这样如果内容宽度或者高度超过规定范围大小的话将被隐藏*/

}

-->

</style>

<table>

<tr>

<td></td>

<td></td>

<td></td></tr>

<tr>

<td></td>

<td></td>

<td></td></tr>

<tr>

<td></td>

<td></td>

<td></td></tr>

</table>

建议不要用第二种方式，因为如果用这种方式的话所有没有写class或者id的将全部是宽度100px高度50px