在HTML中,cellpadding和cellspacing分别表示什么意思?

在HTML中,cellpadding和cellspacing分别表示什么意思?,第1张

cellpadding单元格之间的距离为0,就是说紧挨着没缝隙。

cellspacing单元格中的内容与单元格边缘的距离为0,就是说内容紧挨着边缘。

cellspacing设置为“0”,显示的结果就是第一个表格的每个单元格之间的距离为0。若将表格边框设为“0”,则单元格 的距离就是0了。

cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。

此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。

在html语言中,cellpadding="0"意思是table表格的单元格子的内容与单元格子四边边界之间空白距离为0像素。正规写法为<table cellpadding="0">。

在html语言中,cellspacing="0"意思是table表格中的单元格子之间的空白距离为0像素。正规写法为<table cellspacing="0">。

扩展资料:

在HTML语言中cellpadding 用于<table>,cellpadding=10的意思就是在原有小格的基础上沿四边内部各加上10 个像素点子宽度,也就是把原来的小格变大,但原来写的内容占的大小范围不变。

在HTML语言中cellspacing也用于<table>,cellspacing=10的意思就是在table表格里每个小格之间,上下左右四边外部各加上10 个像素点子宽度,也就是把小格与小格之间距离变大,但每个小格占的大小范围不变。

参考资料来源:

百度百科——cellpadding

百度百科——cellspacing

用 css 的 border 解决

table {

border-collapse: collapse //切记是 <table>的属性,而非 <td>的.

}

border-collapse中的 collapse 和 separate 值,定义为collapse时,边框会重叠在一起。定义为separate时单元格边框之间会有间隙。不定义时默认为separate。

cus:cellpadding,cellspacing都是废弃的属性了,早已不推荐使用,最新的html5里已经彻底去掉了这些表现型的属性。

扩展资料

html5中不再支持table的cellspacing和cellpadding属性

如果现在开始用html5的声明来写页面时,会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除,需要定义边框之类的时应该使用css的写法。

具体实现如下:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <title>Html5 Table Test</title>

  <style type="text/css">

      table{ border-collapse:collapseborder:solid 1px Black}

      table td{ width:50pxheight:20px  border:solid 1px Blackpadding:5px}

  </style>

</head>

<body>

  <table>

      <tr>

          <td></td>

          <td></td>

      </tr>

      <tr>

          <td></td>

          <td></td>

      </tr>

  </table>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8286137.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存