使用 CSS 设置表格单元格之间的宽度


border-spacing 指定了单元格之间的宽度。它可以采用一个或两个值,这些值应该是长度单位。

示例

你可以尝试运行以下代码来设置表格单元格的宽度

<html>
   <head>
      <style>
         table.one {
            border-collapse:separate;
            width:300px;
            border-spacing:15px 40px;
         }
      </style>
   </head>
   <body>
      <table class = "one" border = "2">
         <caption>The border-spacing property</caption>
         <tr><td> India </td></tr>
         <tr><td> UK </td></tr>
      </table>
      <br />
   </body>
</html>

更新时间:31-Jan-2020

206 次浏览

开始你的 职业

完成课程获得认证

立即开始
广告