html - 显示除周围边框外的所有表格边框

标签 html css html-table border

<分区>

我正在努力实现这一目标:

Table 1

但我整天都在努力做到这一点。作为记录,它需要是 <table>标签。

最佳答案

这是您要找的吗? https://jsfiddle.net/pgnzyht6/

html

<table>
    <tr>
        <th>Heading 1</th>
        <th>Heading 2</th>
        <th>Heading 3</th>
    </tr>
    <tr>
        <td>cell</td>
        <td>cell</td>
        <td>cell</td>
    </tr>
    <tr>
        <td>cell</td>
        <td>cell</td>
        <td>cell</td>
    </tr>
    <tr>
        <td>cell</td>
        <td>cell</td>
        <td>cell</td>
    </tr>
</table>

CSS

table { border-collapse: collapse; }

td + td,
th + th{ border-left: 1px solid; }
tr + tr{ border-top: 1px solid; }

关于html - 显示除周围边框外的所有表格边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33027663/

上一篇:javascript - jQuery animate 没有效果?

下一篇:php - 在标题中显示页面标题 - Wordpress

相关文章:

javascript - 如何使 CSS3 变换 :Rotate Automatically Resize

javascript - innerHTML 不适用于 IE7 上的表行元素?

jquery - list-group-item 内的 bootstrap 4 复选框无法正常工作

html - 如何使用CSS制作垂直对齐的中间

javascript - React Native 图像替换为空白 "document"图像

javascript - 使文本在看起来像 iPhone 表单的 html 页面中可选择

html - 为什么我的背景图片不会重复?

javascript - 如何在AngularJS中获取Html元素属性?

jquery - 使用 jQuery 从对象数组中添加表元素

regex - 解析不同列数的 HTML 表格