作业帮html中自适应表格的问题
来源：学生作业帮 编辑：作业帮 分类：综合作业 时间：2024/05/16 11:36:31
html中自适应表格的问题
写一个html，内容是3*3的表格，使表格宽度和高度都等于页面宽度（正方形）。
写一个html，内容是3*3的表格，使表格宽度和高度都等于页面宽度（正方形）。
代码如下，已经测试通过，高宽度目前均设置100px，可自行修改：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>table表格边框制作</title>
<style type="text/css">
<!--
table {
font-size: 12px;
text-align: center;
width: 500px;
height: 60px;
}
.table_half {
border-top: 1px solid green;
border-right: 1px solid green;
}
.table_half td {
width: 100px;
height: 100px;
border-bottom: 1px solid green;
border-left: 1px solid green;
}
-->
</style>
</head>
<body>
<!-- CSS代码写在页面头部，通过引用名称来实现，方便修改 -->
<table border="0" cellpadding="0" cellspacing="0" class="table_half">
<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>
</body>
</html>
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>table表格边框制作</title>
<style type="text/css">
<!--
table {
font-size: 12px;
text-align: center;
width: 500px;
height: 60px;
}
.table_half {
border-top: 1px solid green;
border-right: 1px solid green;
}
.table_half td {
width: 100px;
height: 100px;
border-bottom: 1px solid green;
border-left: 1px solid green;
}
-->
</style>
</head>
<body>
<!-- CSS代码写在页面头部，通过引用名称来实现，方便修改 -->
<table border="0" cellpadding="0" cellspacing="0" class="table_half">
<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>
</body>
</html>