table第二行底部border为什么加粗了?

阿良chjlcn 2024-08-02 09:21:09

以下代码显示为一个表格,并且边框都是1像素的

请问大家,为什么第二行底部边框加粗了,怎样解决?

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style>
        table.grid {
            border-collapse: collapse;
            border-spacing: 0;
            table-layout: fixed;
        }

            table.grid th {
                width: 100px;
                padding: 5px;
                border: solid 1px silver;
                color: black;
                background-color: #E7E9E9;
                font-weight: normal;
                text-align: left;
                border-spacing: 0;
            }

            table.grid td {
                width: 100px;
                padding: 5px;
                border: solid 1px silver;
                border-spacing: 0;
            }
    </style>
</head>
<body>
    <table class="grid">
        <thead>
            <tr><th>列1</th><th>列2</th><th>列2</th></tr>
        </thead>
        <tbody>
            <tr><td>aaa</td><td>bbb</td><td>bbb</td></tr>
            <tr><td>aaa</td><td>bbb</td><td>bbb</td></tr>
            <tr><td>aaa</td><td>bbb</td><td>bbb</td></tr>
        </tbody>
    </table>
</body>
</html>

 

...全文
312 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

img


真的搜狗浏览器不行啊

H_HX126 08-02
  • 打赏
  • 举报
回复

原样运行这段代码,好像没有问题呀,没有加粗

img

  • 举报
回复
@H_HX126 真没想到,搜狗浏览器不行,edge浏览器可以
  • 举报
回复
@H_HX126 谢谢!今天又发现搜狗浏览器也没问题的,原来有变粗,是因为搜狗浏览器放大到110%以上了,恢复到100%显示,也是没有问题的.

39,107

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧