html - 表格内部边框未显示

Question

我正在使用如下所示的 CSS 类来格式化表格。该表仅显示外边框，不显示内边框。

没有设置其他样式选项，只有 <table class="my-table"> .

请问我错过了什么/做错了什么？

table.my-table {
        border: solid thin;
        border-collapse: separate;
        border-spacing: 0px;
        border-color: black;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        font-size: 14px;
    }
    
            table.my-table tbody th {
                background: rgb(28, 58, 112);
                background: rgba(28, 58, 112, 1);
                color: rgb(255,255,255);
                color: rgba(255,255,255,1);
            }
    
            table.my-table tbody tr:nth-child(even) {
                background: rgb(255, 255, 255);
                background: rgba(255, 255, 255, .8);
            }
    
            table.my-table tbody tr:nth-child(odd) {
                background: rgb(239, 239, 239);
                background: rgba(239, 239, 239, .8);
            }
    
            table.my-table tbody td {
                background: rgb(255, 255, 255);
                background: rgba(255, 255, 255, 1);
                color: rgb(0, 0, 0);
                color: rgba(0, 0, 0, 1);
            }

<table class="my-table">
  <tr>
    <td>test</td>
    <td>test 2</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test 2</td>
  </tr>
  <tr>
    <td>test</td>
    <td>test 2</td>
  </tr>
</table>

Answer 1

What have I missed / done wrong, please?

您只在表格上设置了边框。

CSS border 属性不等同于过时的 border 属性。

如果你想在单元格上设置边框，那么你必须编写一个以这些单元格为目标的选择器，并在它们上设置 border。