使用XHTML 1.0 Transitional的表格样式

我正在尝试在XHTML 1.0 Transitional网页的表格行中添加边框和填充（请参阅下面的代码以进行报告）。我知道，如果我将页面类型更改为其他类型，我将能够为表格行和单元格添加边框和填充。但在XHTML 1.0 Transitional中，它根本不起作用。使用XHTML 1.0 Transitional的表格样式

考虑到我无法更改DOCTYPE，我想要做什么在表格中添加边框和填充？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
     <style> 
      table 
      { 
       border: solid 1px black; 
      } 

      tr 
      { 
       /* Doesn't work */ 
       margin: 10px; 
       border: solid 1px black; 
      } 
     </style> 
    </head> 
    <body> 
     <table> 
      <tbody> 
       <tr> 
        <td>1</td> 
        <td>2</td> 
        <td>3</td> 
       </tr> 
       <tr> 
        <td>4</td> 
        <td>5</td> 
        <td>6</td> 
       </tr>     
      </tbody> 
     </table> 
    </body> 
</html>

来源

2010-07-13 Martin

尝试看是否在边境和保证金作品TD。

td 
{ 
    margin: 10px; 
    border: solid 1px black; 
}

如果确实如此，您只能为中心单元格设置顶部/底部边距。

来源

2010-07-13 01:09:45

边框起作用。但保证金没有。 – Martin 2010-07-13 01:11:38

如果你希望他们每个细胞周围，应用该样式的TD元素，而不是TR：假设你想要在TR上，我不完全知道为什么这个工程，但添加边框崩溃表将使TR边境工作：

  table 
      { 
       border: 1px solid black; 
       border-collapse:collapse; 
      } 

      tr 
      { 
       /*use if you want the lines to be per row instead of per cell*/ 
       border: 1px solid black; 
      }

对于利润，我会在施加填充的TD元素去：

  td 
      { 
       padding: 10px; 

       /*use if you want lines between each cell*/ 
       border: 1px solid black; 
      }

来源

2010-07-13 01:06:46

使用XHTML 1.0 Transitional的表格样式

回答

相关问题