相关疑难解决方法(0)

CSS中的表边框颜色与边框折叠

我想在表格的某个字段上方放一条线,表示它是上述值的总和.但是,默认情况下,表格已经有边框.

这是一个例子:我有一个折叠边框的表.我在一个字段上设置了border-bottom,在它下面的字段上设置了border-top.这两个都指定相同的边框.使用顶部的CSS.有没有办法使用底部的?

<html>
    <head>
        <style type="text/css">
            table { border-collapse: collapse; }
            td.first { border-bottom: solid red 1px; }
            td.second { border-top: solid gold 1px; }
        </style>

    <body>
        <table>
            <tr><td class="first">Hello</td></tr>
            <tr><td class="second">World</td></tr>
        </table>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这显示了两个细胞之间有一条红线.有没有办法获得金线?

css html-table border border-collapse

32
推荐指数
2
解决办法
3万
查看次数

标签 统计

border ×1

border-collapse ×1

css ×1

html-table ×1