cellpadding与cellspacing 区别

2019-6-18 20:18| 作者: admin| 查看: 1764| 评论: 0|来自: 蚂蚁部落

标题中的两个属性在表格中比较常用,可能会对初学者造成一定的迷惑。

下面通过代码实例介绍一下两者的作用和区别,希望能够给需要的朋友带来一定的帮助。

(1).cellpadding:

从其名称看,此属性与padding类似。

cellpadding用来设置单元格中文本内容和边框之间的距离,类似于内边距。

(2).cellspacing:

cell是单元格的意思,从字面意思是设置单元格之间或者单元格与外围边框的距离。

此属性类似于margin外边距。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>table细线表格-蚂蚁部落</title>
<style type="text/css"> 
table,table td{
  border:2px solid blue;
}
</style> 
</head> 
<body> 
<table cellpadding="5" cellspacing="10">
  <tr>
    <td>蚂蚁部落一</td>
    <td>蚂蚁部落二</td>
    <td>蚂蚁部落三</td>
    <td>蚂蚁部落四</td>
  </tr>
  <tr>
    <td>蚂蚁部落一</td>
    <td>蚂蚁部落二</td>
    <td>蚂蚁部落三</td>
    <td>蚂蚁部落四</td>
  </tr>
  <tr>
    <td>蚂蚁部落一</td>
    <td>蚂蚁部落二</td>
    <td>蚂蚁部落三</td>
    <td>蚂蚁部落四</td>
  </tr>
</table>
</body> 
</html>

上面代码对标题中的两个属性进行了简单的演示,非常的简单。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部