关于html中table标签中某些属性的理解

最新推荐文章于 2022-10-23 19:15:22 发布

Peter__jin

最新推荐文章于 2022-10-23 19:15:22 发布

阅读量258

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/Peter_lan/article/details/107164803

版权

关于html中table标签中某些的属性的理解：

align
bgcolor
border
cellpadding
cellspacing
前三个是比较常见的属性就不再一一解释，主要是cellpadding和cellspacing属性不太容易理解。
cellpadding：就是设置单元格中内容与单元格边框之间距离的属性。
cellspacing：是设置表格中各个单元格之间距离的属性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML中的表格属性</title>
	</head>
	<body>
		<table border="1" cellpadding="5" cellspacing="0" width="40%" height="40" align="center" bgcolor="aliceblue">
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述

当讲属性cellspacing的值改为10后的结果如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML中的表格属性</title>
	</head>
	<body>
		<table border="1" cellpadding="5" cellspacing="10" width="40%" height="40" align="center" bgcolor="aliceblue">
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述
当将cellpadding的值改为0后结果如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML中的表格属性</title>
	</head>
	<body>
		<table border="1" cellpadding="0" cellspacing="10" width="40%" height="40" align="center" bgcolor="aliceblue">
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述

Peter__jin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于html中table标签中某些属性的理解

关于html中table标签中某些的属性的理解：alignbgcolorbordercellpaddingcellspacing前三个是比较常见的属性就不再一一解释，主要是cellpadding和cellspacing属性不太容易理解。cellpadding：就是设置单元格中内容与单元格边框之间距离的属性。cellspacing：是设置表格中各个单元格之间距离的属性。<!DOCTYPE html><html> <head> <meta
复制链接

扫一扫