具有多个表格的CSS表格边框

-1

我在一个页面中有两个表格。我想围绕其中一个边界，而另一个边界没有边界。所以我使用id =“”。但它仍然在两个桌子周围放置边界，我不知道为什么。如果我将table1更改为无边框，则会消除两个表上的边框。请给我任何有用的链接或建议。谢谢。具有多个表格的CSS表格边框

table 
 
{ 
 
    border-collapse: collapse; 
 
} 
 

 
#table1 td, tr 
 
{ 
 
    text-align:center; 
 
    border: 1px solid black; 
 
} 
 

 
#table1 th 
 
{ 
 
    background: orange; 
 
} 
 

 
#table2 
 
{ 
 
    margin:auto; 
 
}

<table id = "table1"> 
 
    <th> Header </th> 
 
    <tr> 
 
     <td>row 1</td> 
 
    </tr> 
 
</table> 
 

 
<table id = "table2"> 
 
    <th> Header </th> 
 
    <tr> 
 
     <td>row 1</td> 
 
    </tr> 
 
</table>

来源

2016-11-22 Jayce

你选择'＃table1的TD，tr'说，只有'td' table1中那么所有'tr'，无处不在。 –

请检查这个链接：http：//www.w3schools.com/css/css_table.asp也许它会帮助你。 –

@Raziasultana这是我开始的地方，但它不讨论具有不同边界的多个表等。 – Jayce

你必须要在#table1 td, tr改变你的选择。 #table1 td将适用于#table1中的所有td，但tr将适用于所有tr。

因此将其设置为#table1 td, #table1 tr，它的工作原理。

#table1 td, #table1 tr 
{ 
    text-align:center; 
    border: 1px solid black; 
}

Example

来源

2016-11-22 12:49:38 secelite

非常感谢，这让我疯狂，我找不到任何地方说把额外的＃table1放在tr前面。 – Jayce

具有多个表格的CSS表格边框

回答

相关问题