Html 有没有办法创建没有网格线的表格？_Html_Css_Bootstrap 4_Bootstrap Modal

Html 有没有办法创建没有网格线的表格？

html css bootstrap-4

Html 有没有办法创建没有网格线的表格？,html,css,bootstrap-4,bootstrap-modal,Html,Css,Bootstrap 4,Bootstrap Modal,我正在创建一个表，当单击导入的sql表中的链接时，该表将用作弹出窗口。为了全面起见，该表的示例附在本帖之后我尝试过创建一个表，并研究了如何创建一个像图片那样的表这就是我所做的： <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padd

我正在创建一个表，当单击导入的sql表中的链接时，该表将用作弹出窗口。为了全面起见，该表的示例附在本帖之后

我尝试过创建一个表，并研究了如何创建一个像图片那样的表

这就是我所做的：

<!DOCTYPE html>
<html>
<head>
<style>
    table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;
}
</style>
</head>
<body>


<table style="width:30%">
  <tr>
    <th>PT</th>
    <th>OT</th>
    <th>SLP</th>
    <th>NSG</th>
    <th>NTA</th>
  </tr>
  <tr>
    <td>15</td>
    <td>15</td>
    <td>2</td>
    <td>11</td>
    `<td>9</td>`
  </tr>

</table>

</body>
</html> </pre>


表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
文本对齐：左对齐；
}
PT
OT
SLP
NSG
NTA
15
15
2.
11
`9`

我希望输出与发布的图像中的输出相同

默认情况下，表格没有网格线。以下是创建表格网格线的线：

<style>
    table, th, td {
    border: 1px solid black; /*  <<===== this one  */
    border-collapse: collapse;
    }
    th, td {
      padding: 5px;
      text-align: left;
    }
</style>


PT
OT
SLP
15
15
2.
NSG
NTA
11
9

您有一个CSS，它将边界放在那里。去除边框1px纯黑。我希望我的回答是正确的

<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;


表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；

} th，td{ 填充物：5px；文本对齐：左对齐； }

表，th，td{none；}

，也许？）我如何添加像picx中显示的那样的值？你太棒了！！非常感谢。你是一个伟大的资源#tiprbrdDiv:在{边框颜色：rgba（0，0，0，0）之后；边框右侧颜色：#ffffff；边框宽度：25px；边框顶部：-37px；}tiprbrdDiv:：在{边框颜色：rgba（194，225，245，0）之前；边框右侧颜色：#c2e1f5；边框宽度：36px；边框顶部：-36px；}这没有显示箭头。我的问题是，您是否建议创建一个围绕rbrdDiv id的类，并将：：after应用于创建的div。关于创建两个箭头，我也有其他想法，但这听起来足够复杂。提前谢谢你有点忙。。。我的建议是接受这个问题的正确答案（结束这个问题并奖励最有帮助的答案），然后为这个调查打开一个新问题。这样做始终是快速获得答案的最快、最方便的途径，并且通过快速奖励答案来支持so的基本模型。记住，接受一个答案（事实上，你也会得到2个代表）和/或投票支持有用的答案是零成本的，而那些回答的人会感激它，所以这是有意义的。瞧！

<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;