HTML表格

最新推荐文章于 2024-08-19 17:16:10 发布

宇宙奇怪理论

最新推荐文章于 2024-08-19 17:16:10 发布

阅读量67

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/weixin_45946269/article/details/107318752

版权

<tr> 标签定义 HTML 表格中的行。

tr元素包含一个或多个th或td元素。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表格</title>
		<style>
			table {
				width: 720px;
				/*设置table宽度*/
				margin: 0 auto;
				/*设置table居中*/
				border: black 1px solid;
				/*添加边框*/
				border-spacing: 0px;
				/*去掉table标签及其子标签之间的空隙*/
				border-collapse: collapse;
				/*去掉重合线*/
			}
			
			th {
				border: black 1px solid;
			}
			
			td {
				border: black 1px solid;
			}
		</style>
	</head>

	<body>
		<table>
			<tr>
				<!--table head-->
				<th>学号</th>
				<th>姓名</th>
				<th>手机号</th>
				<th>家庭地址</th>
			</tr>
			<tr style="text-align: center;">
				<!--table data-->
				<td>001</td>
				<td rowspan="2">Jim</td>
				<td colspan="2">12345678987</td>

			</tr>
			<tr>
				<td style="height: 300px;vertical-align: top;">002</td>
				<td style="text-align: center;">98765432123</td>
				<td>河南省郑州市高新技术开发区</td>
			</tr>
		</table>
	</body>

</html>

宇宙奇怪理论

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML表格

<tr> 标签定义 HTML 表格中的行。tr元素包含一个或多个th或td元素。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格</title> <style> table{ width:720px;/*设置table宽度*/ margin:0 auto;/*设置table居中*/ .
复制链接

扫一扫