html实现表格
发布网友
发布时间：2022-04-22 01:27
共3个回答
热心网友
时间：2022-04-19 07:28
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>RunJS 演示代码</title>
<style>
div.cc{
margin:0 auto;
width:500px;
}
table{
width:400px;
border-collapse:collapse;
margin-bottom:20px;
}
th,td{
border:1px solid gray;
text-align:left;
}
</style>
</head>
<body>
<div class="cc">
<table>
<tr><th colspan=2 style="text-align:center;">数据库表person插入信息：</th></tr>
<tr><td>username</td><td><input type="text" /></td></tr>
<tr><td>name</td><td><input type="text" /></td></tr>
<tr><td>age</td><td><input type="text" /></td></tr>
<tr><td>telenum</td><td><input type="text" /></td></tr>
<tr><td colspan=2 style="text-align:center;"><input type="button" value="插入" /></td></tr>
</table>
<table>
<tr><th colspan=2 style="text-align:center;">数据库表users删除信息：</th></tr>
<tr><td>username</td><td><input type="text" /></td></tr>
<tr><td colspan=2 style="text-align:center;"><input type="button" value="删除" /></td></tr>
</table>
</div>
</body>
</html>
热心网友
时间：2022-04-19 08:46
<table border="1" style="width: 300px">
<tr>
<td colspan="3" style="text-align: center">表头</td>
</tr>
<tr>
<td>username</td>
<td colspan="2"><input type="text"></td>
</tr>
<tr>
<td>username</td>
<td colspan="2"><input type="text"></td>
</tr>
<tr>
<td>username</td>
<td colspan="2"><input type="text"></td>
</tr>
<tr>
<td colspan="3" style="text-align: center"><button>submit</button></td>
</tr>
</table>
顺便说一句比这漂亮的表这么多，就非得这个啊^_^
热心网友
时间：2022-04-19 10:21
结果：
代码（HBuilder写的）：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1px" cellspacing="0px" bordercolor="#B4B4B4">
<tr><td colspan="3" style="text-align: center;">数据库表person插入信息:</td></tr>
<tr>
<td width="120px">uesrname</td>
<td width="120px" style="border: 2px solid;border-color: #9A9A9A;"></td>
<td width="120px"></td>
</tr>
<tr>
<td>name</td>
<td style="border: 2px solid;border-color: #9A9A9A;"></td>
<td></td>
</tr>
<tr>
<td>age</td>
<td style="border: 2px solid;border-color: #9A9A9A;"></td>
<td></td>
</tr>
<tr>
<td>telenum</td>
<td style="border: 2px solid;border-color: #9A9A9A;"></td>
<td></td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><button>插入</button></td>
</tr>
</table>
<br />
<table border="1px" cellspacing="0px" bordercolor="#B4B4B4">
<tr><td colspan="3" style="text-align: center;">数据库表user删除信息:</td></tr>
<tr>
<td width="120px">uesrname</td>
<td width="120px" style="border: 2px solid;border-color: #9A9A9A;"></td>
<td width="120px"></td>
</tr>
<tr>
<td colspan="3" style="text-align: center;"><button>删除</button></td>
</tr>
</table>
</body>
</html>
