
cellspacing 属性规定单元之间的空间,以像素计。
注意:请勿将该属性与 cellpadding 属性相混淆,cellpadding 属性规定的是单元边沿与单元内容之间的空间。
举例子说明:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>练习使用HTML</title>
</head>
<body>
<center>
<table border="black 1px solid" cellspacing="0">
<tr>
<td>hello</td>
<td>world</td>
</tr>
<tr>
<td>hello</td>
<td>world</td>
</tr>
</table>
</center>
</body>
</html>
演示(加cellspacing="0"前后对比):
单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间
单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离
引用网址:http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/
可以在css中设置的。
cellpadding属性可以使用css中的内边距属性代替。
border-collapse:collapse
border-collapse中的collapse和separate值,定义为collapse时,边框会重叠在一起。定义为separate时单元格边框之间会有间隙。不定义时默认为separate
cellpadding 属性:规定单元边沿与其内容之间的空白。
语法:
<body cellpadding="value">
cellspacing 属性:规定单元格之间的空间。
语法:
<body cellspacing="value">
扩展资料:
具体实现代码:
css部分:
<style type="text/css">
table{ border-collapse:collapseborder:solid 1px Black}
table td{ width:50pxheight:20px border:solid 1px Blackpadding:5px}
</style>
html部分:
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)