无法将边框应用于表td

我必须忽略某些东西，而且我似乎可以弄明白。我将边框应用于表格单元格，但未显示。请有人看看下面的标记和CSS，并帮助我。这里是static site我已将Myers CSS重置应用于我的样式表，不确定它是否有所作为。无法将边框应用于表td

<table> 
       <caption>Your Upcoming Bill Due Dates</caption> 
       <thead> 
        <tr> 
        <th scope="col"></th> 
        <th scope="col">Bill Due Date</th> 
        <th scope="col">Bill Name</th> 
        <th scope="col">Amount</th> 
        <th scope="col">Frequency</th> 
        <th scope="col">Last Paid</th> 
       </thead>      
       </tr> 
       <tr> 
        <td></td> 
        <td>March 7th, 2013</td> 
        <td>Childcare</td> 
        <td>$560</td> 
        <td>Weekly</td> 
        <td>February 26th, 2013</td> 
       </tr> 
       <tr> 
        <td></td> 
        <td>June 13th, 2013</td> 
        <td>Water Bill</td> 
        <td>$125.60</td> 
        <td>Monthly</td> 
        <td>May 2nd, 2013</td> 
       </tr> 

      </table>

这里是CSS

table { 
    clear: both; 
    border: 2px solid blue; 
    border-collapse: separate; 

} 

td th { 
    border: 2px solid red; 
}

来源

2013-06-21 Val Okafor

你可以改变border-collapse:collapse;到border-spacing:0;，但

TD {个边境：2px的固体红; }

应该这么写

td ,th { 
    border: 2px solid red; 
}

来源

2013-06-21 17:40:06

'td's没有任何包裹'th's，所以选择器是不正确的。 –

为什么border-spacing？看到给边界半径表或边界tr与＆没有 –

@Jason Lydon这正是我给的点:) –

在你的CSS，你需要添加和th一个,之间td，否则它只是着眼于样式应用于th这是td孩子：

td, th { 
    border: 2px solid red; 
}

此外，您的HTML有点故障 - </thead>是关闭之前</tr>。你还指定了一个<thead>，但没有<tbody> ...

来源

2013-06-21 17:41:32 PaulProgrammer

谢谢，这个网站是一个正在进行的工作，我打算很快添加tbody，我一次只添加一个元素，以便一目了然地看到每个人都看到了什么 –

在你的代码中有上出现错误：

  <thead> 
       <tr> 
       <th scope="col"></th> 
       <th scope="col">Bill Due Date</th> 
       <th scope="col">Bill Name</th> 
       <th scope="col">Amount</th> 
       <th scope="col">Frequency</th> 
       <th scope="col">Last Paid</th> 
      </thead> /* HERE */     
      </tr> 

      IT MUST BE 

      <thead> 
       <tr> 
       <th scope="col"></th> 
       <th scope="col">Bill Due Date</th> 
       <th scope="col">Bill Name</th> 
       <th scope="col">Amount</th> 
       <th scope="col">Frequency</th> 
       <th scope="col">Last Paid</th> 
       </tr>     
      </thead>

而且改变td th {与td,th {

来源

2013-06-21 17:42:21 rkpasia

！这太重要了+1 –

无法将边框应用于表td

回答

相关问题