HTML中table基本表格

2021-01-11 12:30:13 阅读：186 来源： 互联网

标签：collapse 表格边框 HTML black table border

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>

标签：collapse,表格,边框,HTML,black,table,border
来源： https://blog.csdn.net/m0_53321597/article/details/112465303

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML中table基本表格