如何在表体增加边距？
提问于 2021-01-18 14:25:10
如何在页眉单元格中加入边距，在tbody中加入四舍五入
我的HTML。
<table class="table table-hover table-comparison nobottommargin">
<thead>
<tr>
<th> </th>
<th >Starter</th>
<th>Professional</th>
<th>Business</th>
<th>Business</th>
</tr>
</thead>
<tbody>
<tr>
<td>Space</td>
<td>1 GB</td>
<td>5 GB</td>
<td>20 GB</td>
<td>20 GB</td>
</tr>
</tbody>
</table>这就是我想要实现的目标。
回答 3
Stack Overflow用户
发布于 2021-01-18 14:39:46
我将使用以下css规则：
thead th {
background-color: blue;
display: inline-block;
margin: 0 20px;
padding: 5px;
border-radius: 10px;
}Stack Overflow用户
发布于 2021-01-18 15:45:35
它可以做到这一点
table{
border-spacing: 10px;
}
thead th:not(:first-child){
background-color: #058ba2;
padding: 5px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
color:white;
}Stack Overflow用户
发布于 2021-01-18 14:32:55
你可以这样做：
.table thead tr th:not(:first-child),
.table tbody tr td:not(:first-child){
padding-left: 20px;
}:not选择器阻止第一列将左填充设置为20px。我假设您希望将上角留为“空白”。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65776384
复制相关文章
![[Java小工匠]CSS盒子模型-边距合并](https://ask.qcloudimg.com/http-save/yehe-2512807/6rhyw9fvjz.png)
点击加载更多
腾讯云开发者
