Javascript 如何在react中的表格标题行之后和之前添加水平行？

我正在制作一个react应用程序，我必须在表格标题行之后和之前添加一条全宽水平线，我如何在这里添加它

 return (
    <div>
      <table width="100%">
       <tr>
          <th>Name</th>
          <th>Id</th>
          <th>Age</th>
          <th>Status</th>
          <th>Sem</th>
          <th>Time</th>
          <th></th>
          <th></th>
        </tr>
        {tasks.map((task, index) => (
          <Task key={index} task={task} onDelete={onDelete} />
        ))}
        
      </table>
    </div>
  );
};

返回(
名称
身份证件
年龄
地位
扫描电镜
时间
{tasks.map（（任务，索引）=>(
))}
);
};

这里所有的

字段都是标题，我必须在标题行之前添加一条水平线，在标题行之后添加一条水平线

有人能帮忙吗？

---

谢谢

您是否使用了

标签？或者您可以尝试此

也可以在这里，您可以使用

和

尝试

边框顶部和
边框底部。
您是否使用了
标签？或者你可以试试这个
，也可以在这里，你可以用
和
尝试
边框顶部和
边框底部。你可以简单地使用边框顶部和边框底部，但简单地将其添加到
类中，将无法根据post工作，
元素本身不会采用边框。您需要向表中添加边框折叠

这方面的实施情况如下：


表{
边界塌陷：塌陷；
}
tr:n第n个孩子（1）{
边框顶部：1件纯黑；
边框底部：1px纯黑；
}

名称
身份证件
年龄
地位
扫描电镜
时间
您可以简单地使用border top和border bottom，但是简单地将其添加到
类将无法根据post工作，
元素本身不会使用边框。您需要向表中添加边框折叠

这方面的实施情况如下：


表{
边界塌陷：塌陷；
}
tr:n第n个孩子（1）{
边框顶部：1件纯黑；
边框底部：1px纯黑；
}

名称
身份证件
年龄
地位
扫描电镜
时间
您可以尝试在外部
div
元素上使用
：before
和
：after
选择器。我在
div
-元素中添加了一个
id
属性，以确保css规则不会与其他元素冲突


#表容器：：之后，#表容器：：之前{
显示器：flex；
内容：“；
高度：2倍；
背景：黑色；
宽度：100%；
}

名称
身份证件
年龄
地位
扫描电镜
时间
您可以尝试在外部
div
元素上使用
：before
和
：after
选择器。我在
div
-元素中添加了一个
id
属性，以确保css规则不会与其他元素冲突


#表容器：：之后，#表容器：：之前{
显示器：flex；
内容：“；
高度：2倍；
背景：黑色；
宽度：100%；
}

名称
身份证件
年龄
地位
扫描电镜
时间
在
th

tr th { 
  border-top: 1px solid black; 
  border-bottom: 1px solid black;
}


表{
边界塌陷：塌陷；
}
tr th{
边框顶部：1件纯黑；
边框底部：1px纯黑；
}

名称
身份证件
年龄
地位
扫描电镜
时间
在
th

tr th { 
  border-top: 1px solid black; 
  border-bottom: 1px solid black;
}


表{
边界塌陷：塌陷；
}
tr th{
边框顶部：1件纯黑；
边框底部：1px纯黑；
}

名称
身份证件
年龄
地位
扫描电镜
时间
Hi，在tr标签上使用边框顶部和边框底部。不工作，无边框。在tr标签上使用边框顶部和边框底部。不工作，无边框我正在获取边框，但宽度不同，顶部一个较厚。我正在获取边框，但宽度不同，上面的比下面的薄为什么上面的比下面的薄？为什么上面的比下面的薄？