Question

我使用下面显示的CSS类来格式化表格。该表仅显示外部边框，而不是内部边框。

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

我错过了什么/做错了，拜托？

＆＃13;

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);
            }

＆＃13;

<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>

＆＃13;

Answer 1

我错过了什么/做错了，拜托？

您只在桌面上设置了边框。

CSS D = [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double] [1x6 double]属性不等同于过时的maxVal属性。

如果要在单元格上设置边框，则必须编写一个以这些单元格为目标的选择器，并在其上设置border。

Answer 2

CSS边框属性允许您指定元素边框的样式，宽度和颜色。在代码中，您可以为表格设置样式，而不是为表格中的单个单元格设置样式。要修复这个简单的添加：

table.my-table tbody td {
            border: solid thin;

表格内部边框未显示

2 个答案: