HTML代码
效果图如下
table表格实现边框圆角无效的解决方法,
<table class="table table-bordered">
<thead>
<tr>
<td class="col-5">成本清单</td>
<td class="col-2">FIL</td>
<td class="col-5">人民币</td>
</tr>
</thead>
<tbody>
<tr>
<td>1PB硬软件成本(包封装)</td>
<td>\</td>
<td>84,000</td>
</tr>
<tr>
<td>1PB质押币成本</td>
<td></td>
<td></td>
</tr>
<tr>
<td>1PBGas消耗成本</td>
<td>\</td>
<td></td>
</tr>
<tr>
<td>总计</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table class="table table-bordered mt-4">
<tbody>
<tr>
<td class="col-5 bt0">硬软件回本周期(天)</td>
<td class="col-2 bt0">\</td>
<td class="col-5 bt0">(总收益>硬软件成本时)</td>
</tr>
<tr>
<td>总回本周期(天)</td>
<td></td>
<td>(总收益>总成本时)</td>
</tr>
<tr>
<td>540天产出</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
样式文件
```css
.wrap .table{border-radius: 20px;border-collapse:separate;border-spacing:0px;overflow:hidden;}
.wrap .table thead td{color:var(--global-color-green);border-top:0px !important}
.wrap .table td.bt0{border-top:0px !important}
.wrap .table td{text-align:center;border-width:1px 1px 0px 0px;}
.wrap .table td:last-child{border-right:0px;}