HTML中table基本表格

HTML中table基本表格

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			table{
				border: 1px solid black;/*只给最外部加边框*/
				border-spacing: 0px;/*边框中间空隙的大小*/
				border-collapse: collapse;/*使边框的两条线重合*/
			}
			th,td{
				border: 1px solid black;/*给内部加边框*/
			}
		</style><!--给表格加边框-->
	</head>
	<body>
		<!--表格系统-->
		<table>
			<tr>
				<th>序号</th><th>姓名</th><th>手机号</th><th>家庭地址</th><th>性别</th><!--th为table head 是表头-->
			</tr><!--tr为table row 是一行-->
			<tr>
				<td>jim</td><td>213</td><td>1235</td><td>1235</td><td>156456</td><!--td为table date 为内容-->
			</tr>
			<tr>
				<td>sdasd</td><td>876</td><td>5845</td><td>15455</td><td>96541</td>
			</tr>
			
			<!--合并单元格-->
			<tr>
				<td>jim</td><td>213</td><td colspan="2">1235</td><td rowspan="2">156456</td><!--colspan为多个列合并,rowspanwei多个行合并-->
			</tr>
			
			<tr>
				<td>jim</td><td>213</td><td>1235</td><td>1235</td>
			</tr>
		</table>
	</body>
</html>

 

上一篇:表格元素练习


下一篇:NX CAM二次开发-UF_UI_ONT_collapse_view折叠当前加工导航器中所有节点