为什么html表单元格的边框颜色不会改变？

发布时间：2020-12-14 22:19:49 所属栏目：资源来源：网络整理

导读：如何使单元格的左边界红色？为什么这不行？谢谢！！ html xmlns="http://www.w3.org/1999/xhtml"headstyle type="text/css".main-table { border-collapse: collapse;}.main-table td { margin: 0px; padding: 0px; border: 1px solid #aaa; padding: 1px 4p

如何使单元格的左边界红色？为什么这不行？谢谢！！

<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双红色。 1px宽的“double”边框看起来与“solid”相同，但在折叠边框计算中具有较高的优先级。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!