HTML——表格

最新推荐文章于 2024-10-21 15:11:01 发布

小刘小刘可爱一流

最新推荐文章于 2024-10-21 15:11:01 发布

阅读量166

点赞数

文章标签： html

本文链接：https://blog.youkuaiyun.com/qq_44687512/article/details/107319982

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			table{/*为页面中所有table标签添加样式*/
				width: 720px;/*设置table宽度*/
				margin:0 auto;/*设置table水平居中 */
				border:black 1px solid;/*添加边框*/
				border-spacing: 0px;/*去掉table标签及其子标签边框之间的空隙*/
				border-collapse: collapse;/*去掉重合线*/
			}
			th{/*为页面中所有th标签添加样式*/
				border:black 1px solid;/*添加边框*/
			}
			td{/*为页面中所有td标签添加样式*/
				border:black 1px solid;/*添加边框*/
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<!--th:table head缩写-->
				<th>学号</th>
				<th>姓名</th>
				<th>手机号</th>
				<th>地址</th>
			</tr>
			<tr>
				<td>001</td>
				<td>Tim</td>
				<td>1234</td>
				<td>北京市</td>
			</tr>
			<tr>
				<td>002</td>
				<td>Lily</td>
				<td>1235</td>
				<td>郑州市</td>
			</tr>
		</table>
	</body>
</html>