如何在HTML中设置单元格填充？

单元格填充是单元格边界与单元格内的内容之间的空间。要在HTML中设置单元格填充，请使用样式属性。style属性指定元素的内联样式。该属性与HTML <table>标记一起使用，并带有CSS属性填充。

HTML5不支持<table>的cellpadding属性，因此CSS属性padding与style属性一起用于设置单元格padding。

请记住，样式属性的使用会覆盖全局设置的任何样式。它将覆盖HTML <style>标记或外部样式表中设置的任何样式。

示例

您可以尝试运行以下代码来设置HTML中的单元格填充。我们还使用<style>标记和style属性来为表格设置样式

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>

   <body>
      <h1>Programming Language</h1>
      <table>
         <tr>
            <th style="padding:10px">Language</th>
         </tr>
         <tr>
            <td style="padding:10px">Ruby</td>
         </tr>
      </table>
   </body>
</html>

基础教程