html表格

最新推荐文章于 2024-07-25 11:52:08 发布

又菜又想学java

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量71

点赞数

分类专栏： javaweb各种案例文章标签： html

本文链接：https://blog.csdn.net/weixin_46102607/article/details/113098658

版权

javaweb各种案例专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>
	<body>
		<table border="1" width="300" cellspacing="0" cellpadding="10" align="center">
				<tr bgcolor="aquamarine">
					<!--<td>姓名</td>
					<td>年龄</td>
					<td>成绩</td>-->
					<th>姓名</th>
					<th bgcolor="darkred">年龄</th>
					<th>成绩</th>
					
				</tr>
				<tr align="center">
					<td>张三</td>
					<td>20</td>
					<td>99</td>
				</tr>
				<tr align="center">
					<td>李四</td>
					<td>24</td>
					<td>98</td>
				</tr>
		</table>
		
		<hr>
		
		<table border="1" width="300" cellspacing="0" cellpadding="10" align="center">
				<tr>
					<th>作者</th>
					<th>著作</th>
				</tr>
				<tr>
					<td>曹雪芹</td>
					<td>红楼梦</td>
				</tr>
				<tr>
					<td rowspan="2">路遥</td>
					<td>平凡的世界</td>
				</tr>
				<tr>
					<td>惊心动魄的一幕</td>
				</tr>
				<tr>
					<td colspan="2">合计</td>
				</tr>
		</table>
	</body>
</html>

效果图：
在这里插入图片描述

rowspan=“2” 合并行
colspan=“2” 合并列
cellpadding=“10” 撑开表格，上下间距变大

又菜又想学java

关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body> <table border="1" width="300" cellspacing="0" cellpadding="10" align="center"> <tr bgcolor="aquamari
复制链接

扫一扫

专栏目录