在常规表格中，有没有一种方法可以在表格上放置外部边框而省略表格标题？
提问于 2019-05-30 18:27:30
我有一个表格，在表格的顶部是带有一些文本的表格标题。我想只在表体上放一个边框，表头不动，但我不知道怎么做。
我只尝试给表体的默认类应用边框。
<table class="float-left">
<thead>
<tr class="text-center">
<th>
This is some text I want outside of the border
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
This is some cell data I want inside the border
</td>
</tr>
</tbody>
</table>我所需要的就是tbody是表中唯一有边框的东西，当我试图给它一个边框时，什么也没有发生。
回答 2
Stack Overflow用户
发布于 2019-05-30 23:26:09
有几种方法可以做到这一点！
第一个也是最直接的:将border-collapse添加到表中
table { border-collapse: collapse }
tbody { border: dashed }2)使用outline而不是边框
tbody { outline: dashed }(可使用正或负outline-offset:进行调整)
3)使用box-shadow而不是边框
tbody { box-shadow: 0 0 0 1px }Stack Overflow用户
发布于 2019-05-30 18:32:37
tbody, tbody th, tbody td, tbody tr {
border: 1px solid black;
}<table class="float-left">
<thead>
<tr class="text-center">
<th>header</th>
<th>header</th>
</tr>
</thead>
<tbody>
<tr>
<td>content</td>
<td>content</td>
</tr>
<tr>
<td>content</td>
<td>content</td>
</tr>
</tbody>
</table>
这将为tbody以及tbody中的所有th、tr和td元素创建一个边框。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56383730
复制相关文章
![pycharm python解释器找不到,pycharm找不到解释器怎么办[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/fff501b6e32d21b0594292f469c4f28e.jpg)
![[754]ImportError: DLL load failed: 找不到指定的模块](https://ask.qcloudimg.com/http-save/yehe-4908043/wfbvwa8fo5.jpeg)
![模块已加载,但找不到入口点DLLRegisterServer[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-1011815/6f61102a6e48b89084e8fd77fe248277.png)
腾讯云开发者
