为什么html表格单元格的边框颜色不变?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (102)

我怎样才能让border的左边界变成红色?为什么这不起作用?

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.main-table {
    border-collapse: collapse;
}
.main-table td {
    margin: 0px;
    padding: 0px;
    border: 1px solid #aaa;
    padding: 1px 4px 1px 4px;
}
.left-border {
border-left: 1px solid red !important;
}
</style>
</head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

不应该用左边框覆盖.main-table td上指定的颜色?

<table class='main-table' cellspacing='0' cellpadding='0'>
<tr>
    <td> 1 </td>
    <td> 366 </td>
</tr>
<tr>
    <td > 2 </td>
    <td class='left-border'> 777 </td>
</tr>
</table>

</body>
</html>
提问于
用户回答回答于

将边框设置为1px double red。1px宽的“double”边框看起来与“solid”相同,但在折叠边框计算中具有更高的优先级。

用户回答回答于

试试这个,

.main-table {
    border-collapse: collapse;
}
.left-border {
border-left: 2px solid red !important;
}

扫码关注云+社区

领取腾讯云代金券