HTML&；CSS：如何在一些表格行之间划一条线，而不是在所有表格行之间划一条线_Html_Css

HTML&；CSS：如何在一些表格行之间划一条线，而不是在所有表格行之间划一条线

html css

HTML&；CSS：如何在一些表格行之间划一条线，而不是在所有表格行之间划一条线,html,css,Html,Css,我希望表中的某些行之间有行，但不是所有行之间都有行。我尝试过很多方法，但奇怪的事情总是发生。到目前为止，我得到的是： <!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> </head> <

我希望表中的某些行之间有行，但不是所有行之间都有行。我尝试过很多方法，但奇怪的事情总是发生。到目前为止，我得到的是：

<!DOCTYPE html>
<html>
  <head>
    <title>Test</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <table width=100%>
      <tr id="border-top" align="center"><th>A</th><td>B</td></tr>
      <tr id="border-top" align="center"><th>1</th><td>11</td></tr>
      <tr align="center"><th>2</th><td>12</td></tr>
      <tr id="border-top" align="center"><th>3</th><td>13</td></tr>
      <tr id="border-top" align="center"><th>4</th><td>14</td></tr>
      <tr align="center"><th>5</th><td>15</td></tr>
      <tr id="border-top" align="center"><th>6</th><td>16</td></tr>
      <tr id="border-top" align="center"><th>7</th><td>17</td></tr>
    </table>
  </body>
</html>

但是我的输出是这样的，行

display:block

或者像这样没有它：

我希望台词像第一张照片中那样出现。但我希望它们都像第二张图片中那样正确对齐。我该怎么做呢
提前谢谢
 首先，id
属性在页面中应该是唯一的。换句话说，每页应该只有一个id
（具有相同的值）。使用class
代替此特定用例（即多个元素共享同一CSSclass
）
其次，tr
本身不会被CSS修饰。尝试装饰th
s和td
s
您可以将以下内容添加到CSS规则中：
.border-top td, .border-top th{...}

参见下面的示例：

.border-top-td、.border-top-th{
边框顶部：1px纯绿色；
}
表{
边界间距：0px；
}

A.
B
1.
11
2.
12
3.
13
4.
14
5.
15
6.
16
7.
17

表格{
边界塌陷：塌陷；
宽度：100%；
}
th，td{
文本对齐：左对齐；
填充：8px；
}
th{
边框底部：1px实心#000；
边框顶部：1px实心#000；
}

A.
B
2.
12
2.
12
2.
12
2.
12
2.
12
是否希望某些行之间有一个空行？仅供参考，id
属性在页面中应该是唯一的。换句话说，每页应该只有一个id
（具有相同的值）。使用class
代替此特定用例（即多个元素共享同一CSSclass），这看起来很棒，但在每列上方的行之间留有一点间隙。有没有办法不用排队就能做到这一点？@Tyler我很高兴我能帮上忙：）
.border-top td, .border-top th{...}