html中table标签中border,cellpadding区别和例子

在HTML中，table标签的border和cellpadding属性都与表格的单元格边框有关，但它们的功能和使用方式有所不同。

border边界

cellpadding边距

cellpadding，是补白，是指单元格内文字与边框的距离

border属性用于指定表格的边框。它设置表格单元格周围的边框。其值可以是1或0，其中1表示设置边框，0表示删除边框。例如：

html
<table border="1">  
  <tr>  
    <th>标题1</th>  
    <th>标题2</th>  
  </tr>  
  <tr>  
    <td>数据1</td>  
    <td>数据2</td>  
  </tr>  
</table>
上述代码将创建一个带有边框的表格。

另一方面，cellpadding属性用于规定单元格边沿与其内容之间的空白。它不直接设置单元格的边框，而是通过设置内边距来影响单元格的外观。例如：

html
<table cellpadding="10">  
  <tr>  
    <th>标题1</th>  
    <th>标题2</th>  
  </tr>  
  <tr>  
    <td>数据1</td>  
    <td>数据2</td>  
  </tr>  
</table>
上述代码将创建一个表格，单元格内容与单元格边框之间的空白为10像素。

需要注意的是，在实际开发中，为了保持HTML代码的语义化和可维护性，通常推荐使用CSS来控制表格的样式和布局，而不是依赖于这些HTML属性。