任何想法,我怎样才能从表格中删除水平线?
css, html
<table border="1" style="width:100%; border-collapse: collapse">
<tr>
<th>Prepared By:</th>
<th>Released By:</th>
<th>Trucker's Acknowledgement</th>
</tr>
<tr>
<td><font size="1">/*auto populated*/</font></td>
<td><font size="1">/*auto populated*/</font></td>
<td><font size="1">Driver : ______________ Helper: ______________ </font></td>
</tr>
<tr>
<td> </td>
<td><font size="1">Signature/Date</font></td>
<td><font size="1">Signature/Date</font></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><font size="1">Contact Nos. : ______________</font></td>
</tr>
</table>
请不要编写Globalth
或td
CSS,它会影响所有tables th/td
. table-no-bottom-border
为表格添加自定义类,并仅为该表格编写无底边框CSS。所有提到的更新都包含在下面的代码片段中。我希望它能帮到你。谢谢
.table-no-bottom-border {
border: 1px solid #000;
border-radius: 5px;
overflow: hidden;
width:100%;
}
.table-no-bottom-border th,
.table-no-bottom-border td {
border-top: 0;
border-bottom: 0;
border-right: 1px solid #000;
}
.table-no-bottom-border th:last-child,
.table-no-bottom-border td:last-child {
border-right: 0;
}
<table class="table-no-bottom-border" cellspacing="0">
<tr>
<th>Prepared By:</th>
<th>Released By:</th>
<th>Trucker's Acknowledgement</th>
</tr>
<tr>
<td><font size="1">/*auto populated*/</font></td>
<td><font size="1">/*auto populated*/</font></td>
<td><font size="1">Driver : ______________ Helper: ______________ </font></td>
</tr>
<tr>
<td> </td>
<td><font size="1">Signature/Date</font></td>
<td><font size="1">Signature/Date</font></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><font size="1">Contact Nos. : ______________</font></td>
</tr>
</table>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句