我是一个刚开始通过基本的 HTML 书籍学习编码的人。

直接说我面临的问题，我在浏览器上看不到单元格线，不知道为什么我看不到，因为我只是复制了我在代码编辑器上学习的书上写的代码。

据我所知，如果我编写<table>代码，浏览器上应该有一个单元格线，但我看不到那里...如果有人可以向我解释，请帮助我.. 谢谢

这是所有代码。

时间戳

首页 > 解决方案 > HTML 标签，看不到任何单元格行

我是一个刚开始通过基本的 HTML 书籍学习编码的人。

直接说我面临的问题，我在浏览器上看不到单元格线，不知道为什么我看不到，因为我只是复制了我在代码编辑器上学习的书上写的代码。

据我所知，如果我编写<table>代码，浏览器上应该有一个单元格线，但我看不到那里...如果有人可以向我解释，请帮助我.. 谢谢

这是所有代码。

html - HTML 标签，看不到任何单元格行

我是一个刚开始通过基本的 HTML 书籍学习编码的人。

直接说我面临的问题，我在浏览器上看不到单元格线，不知道为什么我看不到，因为我只是复制了我在代码编辑器上学习的书上写的代码。

据我所知，如果我编写<table>代码，浏览器上应该有一个单元格线，但我看不到那里...如果有人可以向我解释，请帮助我.. 谢谢

这是所有代码。

问题描述

我是一个刚开始通过基本的 HTML 书籍学习编码的人。

直接说我面临的问题，我在浏览器上看不到单元格线，不知道为什么我看不到，因为我只是复制了我在代码编辑器上学习的书上写的代码。

据我所知，如果我编写<table>代码，浏览器上应该有一个单元格线，但我看不到那里...如果有人可以向我解释，请帮助我.. 谢谢

这是所有代码。

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jake</td>
      <td>24</td>
      <td>Korea</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>24</td>
      <td>Korea</td>
    </tr>
  </tbody>
</table>

图片：在此处输入图像描述

如果您首先对列表进行排序，则只需检查第一个和最后一个值，如下所示：

sorted_n = sorted(n)

if sorted_n[0] > 0 and sorted_n[-1] < 10:  # returns True or False for whole list

标签： htmlhtml-tablehtml-tbody

解决方案

有单元格和行但看不到，因为它们没有边框。您可以使用 CSS 设置表格样式或仅放置<table border="1">

片段：样式表 

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border: 1px solid #dee2e6
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}


.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}
<table class="table">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jake</td>
      <td>24</td>
      <td>Korea</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>24</td>
      <td>Korea</td>
    </tr>
  </tbody>
</table>

推荐阅读