修复一行表的右边框线

时间:2014-03-30 08:19:48

标签: html css

我正在尝试添加带有白色的边框线,但是当您仔细观察白线的底边时,它似乎是一条不正确的线。任何人都可以帮我纠正这个细白线边界。添加了小提琴FIDDLE

<table border="1px" cellpadding="5px" cellspacing="0px" width="10%"><tbody><tr style="background-color:#3b72ab;cursor:pointer"> 
<td style="width:5px;background-color:#ad0303; border-right:solid 2px #ffffff;border-bottom:solid 2px #2b557f" width="0.5px">
</td>
</tr>
</tbody>
</table>

2 个答案:

答案 0 :(得分:0)

只需将此样式添加到您的表格中即可 - >

<强> CSS

table{
   border-collapse:collapse;
}

DEMO

有关border-collapse的详情,请参阅此 link

答案 1 :(得分:0)

如果你的意思是你的白色边框旁边还有一条细黑线,那是因为你必须从元素tabletd和{{1}中删除右边的所有其他边框}}

您可以通过将此代码添加到css文件中来解决此问题,也可以按照您的意愿将其内联。

tr