HTML表格大小设置代码

表格大小设置

我们可以用像素或者百分率为单位设置表格的大小。首先我们看看如何以像素为单位设置大小。在宽度和高度的属性中进行设置。
例如代码:
<table border=1 bgcolor="green" width=300 height=100>
<tr height=30>
<td>
这是第一行第一列
</td>
<td>
这是第一行第二列
</td>
</tr>
<tr height=70>
<td>
这是第二行第一列
</td>
<td background="./test.jpg">
这是第二行第二列<br><br> 好的背景
</td>
</tr>
</table>
现在我们设置一个表格，宽度为300和高度为100，第一行的宽度为30，第二行的宽度为70。
结论:

以百分率为单位来设置表格大小

可以使用页面百分率来设置表格的宽度和高度。
例如: 宽度=60%.
意思就是把表格的宽度设置为当前元素的60％。
例如我们在body标记中画一个宽度为100％的表格，表格的宽度就等于浏览器窗口的宽度。
表格嵌套表格。稍后我们会学习他。
例如代码:
<table border=1 bgcolor="green" width=80% height=20%>
<tr height=30%>
<td>
这是第一行第一列
</td>
<td>
这是第一行第二列
</td>
</tr>
<tr height=70%>
<td>
这是第二行第一列
</td>
<td background="./test.jpg">
这是第二行第二行 <br><br>好的背景
</td>
</tr>
</table>
现在我们可以设置表格宽度为当前元素的80％，高度为当前元素的30％，在高度的30％处是第一行，其余为第二行。
为了深入解释这些，我们假设页面的宽度=500，高度=500，因此表格的宽度＝400，高度＝150。然后在30％处分成第一行，其余为第二行。
结论:
--