HTML putting"；章节「；在桌子上

我是HTML新手，我已经习惯了使用CSS

我的问题是:

我想把一个不同的颜色和不同的文本对齐分隔

以下是一个例子：

我想复制“攻城引擎”和“重武器”

到目前为止，我所做的是：

<style>
tr:nth-child(1) {background-color: #11599c}

tr:nth-child(even) {background-color: #333333}

table
{
    text-align: left;
    border-collapse: collapse;
    background-color: #666666;
    color: #ffffff
}
</style>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>

  <tr>
        <td colspan="3" class="divider">Divider</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

tr:n子（1）{背景色：#11599c}
tr:n个孩子（偶数）{背景色：#333333}
桌子
{
文本对齐：左对齐；
边界塌陷：塌陷；
背景色：#666666；
颜色：#ffffff
}
名字
姓氏
年龄
吉尔
史密斯
50
吉尔
史密斯
50
分隔器
前夕
杰克逊
94

但分隔符同时为左对齐和灰色：

我该怎么做才能使其居中对齐并呈黑色

注意：我已经部分回答了我自己的问题。

把这个放进去

.divider{
   text-align:center;
   background-color:black;
}

例如。

把这个

.divider{
   text-align:center;
   background-color:black;
}

---

示例。

如果它解决了您的问题，请将其标记为正确答案。。欢迎光临。：）如果它解决了你的问题，就把它标记为正确答案。。欢迎光临。：）