2019/9/04 H5（表格）

最新推荐文章于 2021-11-13 23:15:24 发布

她她她_ta

最新推荐文章于 2021-11-13 23:15:24 发布

阅读量93

点赞数

分类专栏： H5

本文链接：https://blog.csdn.net/qq_42243225/article/details/100574042

版权

H5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格</title>
	</head>
	<body>

表格

      /*     border:设置表格的边框;
        	bordercolor:设置表格边框的颜色；
        	cellspacing:设置单元格与单元格的距离；
        	cellpadding:设置单元格和内容之间的距离;
        	width/height:设置表格的宽度/高度；
        	align:设置表格对齐方式；
        	bgcolor:设置表格背景色*/

	<table 
		bgcolor="" align="center" bordercolor="red" 
		width="300"    border="5"     cellspacing="0"   cellpadding="10" 
		>

    /*  行合并(写在td或th上)：rowspan	
       列合并:colspan*/

			
		<tr>
			<th colspan="4">商品类目</th>
				
		</tr>
		<tr align="center">
			<td   rowspan="3">移动</td>
			<td>联通</td>
			<td>小灵通</td>
			<td>联通</td>
		</tr>
		<tr align="center">
			
			<td>联通</td>
			<td>小灵通</td>
			<td>联通</td>
		</tr>
		<tr align="center">
			
			<td>联通</td>
			<td>小灵通</td>
			<td>联通</td>
		</tr>
		<tr align="center">
			<td rowspan="3">护肤</td>
			<td>联通</td>
			<td>小灵通</td>
			<td>联通</td>
		</tr>
		<tr align="center">
			
			<td>联通</td>
			<td>小灵通</td>
			<td>联通</td>
		</tr>
		<tr align="center">
			
			<td>联通</td>
			<td>小灵通</td>
			<td>联通</td>
		</tr>
		
		
		</table>
	</body>
	
</html>

在这里插入图片描述