TR使用css的border不显示问题

最新推荐文章于 2022-08-23 17:32:00 发布

转载最新推荐文章于 2022-08-23 17:32:00 发布 · 5k 阅读

文章标签：

#html #tr #border #css

WEB开发专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一种解决HTML表格中边框间距问题的方法，通过使用border-collapse样式属性，可以有效地消除单元格之间的多余间距，使表格呈现更加整洁。

之前是:

<table width="99%" border="0" cellspacing="0" cellpadding="0">

 <tr style="border:1px
 solid #f7900f;background-color:#fff1cc;height:25px;">

    <td>信息标题、物品类型、游戏/区/服</td>

    <td>交易类型</td>

    <td>交易状态</td>

    <td>价格排序</td>

    <td>库存</td>

    <td>单价排序</td>

 </tr>

</table>

使用border-collapse就可以解决了..

<table width="99%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">

 <tr style="border:1px solid #f7900f;background-color:#fff1cc;height:25px;">

    <td>信息标题、物品类型、游戏/区/服</td>

    <td>交易类型</td>

    <td>交易状态</td>

    <td>价格排序</td>

    <td>库存</td>

    <td>单价排序</td>

 </tr>