如何使用引导程序删除表格的水平边框?我只想保留垂直边框。这是我的代码:
<table class="table table-bordered">
<thead>
<tr>
<th>Home</th>
<th>Client</th>
<th>Setting</th>
</tr>
</thead>
<tbody>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
</tr>
<tr>
<td>data1</td>
<td>data2</td>
<td>data3</td>
</tr>
</tbody>
</table>
切勿使用!important,因为这是不好的做法。您问题的解决方案是
.table-bordered > tbody > tr > td,
.table-bordered > thead > tr > td,
.table-bordered {
border-bottom: 0;
border-top: 0;
}
所有的水平边框都消失了,只剩下了垂直边框。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句