首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >为HTML表行提供边框,<tr>

为HTML表行提供边框,<tr>
EN

Stack Overflow用户
提问于 2014-01-02 03:12:01
回答 7查看 306.2K关注 0票数 111

是否有可能在表格行中添加边框,而不是像<td>那样为单个单元格提供边框,

<table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none">
    <tbody>
        <tr>
            <th style="width: 96px;">Column 1</th>
            <th style="width: 96px;">Column 2</th>
            <th style="width: 96px;">Column 3</th>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>

        <tr>
            <td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;">&nbsp;</td>
            <td style="border-top: thin solid; border-bottom: thin solid;">&nbsp;</td>
            <td style="border-top: thin solid; border-bottom: thin solid; border-right: thin solid;">&nbsp;</td>
        </tr>

        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

这在给定的<tr>周围提供了一个边框,但它需要在单个单元格周围设置一个边框。

我们可以一次性给<tr>一个边框吗?

→ jsFiddle

EN

回答 7

Stack Overflow用户

发布于 2014-01-02 03:17:17

绝对一点儿没错!只需使用

<tr style="outline: thin solid">

在你喜欢的那一排。这是一个fiddle

当然,正如人们所提到的,您可以通过id、类或其他方式来实现这一点。

票数 84
EN

Stack Overflow用户

发布于 2014-01-02 03:28:28

使用CSS类:

tr.border{
    outline: thin solid;
}

并像这样使用它:

<tr class="border">...</tr>
票数 8
EN

Stack Overflow用户

发布于 2019-11-22 23:44:40

您可以在tr元素上使用box-shadow属性作为边框的替代。另外,同一元素上的任何边界半径属性也将应用于长方体阴影。

box-shadow: 0px 0px 0px 1px rgb(0, 0, 0);
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20872200

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档