文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >如何移除这张桌子上的双边框？

问如何移除这张桌子上的双边框？
EN

Stack Overflow用户
提问于 2013-12-20 15:10:06
回答 4查看 27.6K关注 0票数 8

我正在处理HTML和CSS，我得到的结果并不完美：

​

​

我在这里创建了一个小提琴：http://jsfiddle.net/niklasro/GParb/

但表的边框似乎与所需屏幕截图的边框不匹配。我如何使布局看起来更像最初的模型，并删除表上的双边框？

​

​

下面是我为表提供的CSS和HTML代码：

CSS

代码语言：javascript
复制
table{ width:100%; text:align:center;border:1px solid #00F; font-size:12px;}
th{background:#EEE;width:auto; text-align:center; padding:5px 0;border:1px solid #00F;}
td{width:auto; text-align:center; padding:5px 0;border:1px solid #00F;}
tr:nth-child(even) {background: #EEE;}

HTML

代码语言：javascript
复制
<table>
    <thead>
    <tr>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </tr>
    </thead>
    <tbody>

    <tr>
        <td>  <a href="/admin/account/0b2bdf4f-c293-418b-a082-ef986eb94148">pelle</a></td>
        <td>  <a href="/admin/account/0b2bdf4f-c293-418b-a082-ef986eb94148">pelle@example</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/0b2bdf4f-c293-418b-a082-ef986eb94148"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/21153522-6544-4368-875a-753f4154ff9d">niklas</a></td>
        <td>  <a href="/admin/account/21153522-6544-4368-875a-753f4154ff9d">niklas</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/21153522-6544-4368-875a-753f4154ff9d"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/27053a2e-3742-4046-b876-87940c35b5bc">martin</a></td>
        <td>  <a href="/admin/account/27053a2e-3742-4046-b876-87940c35b5bc">martin</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/27053a2e-3742-4046-b876-87940c35b5bc"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/5e1947de-1185-44bb-a9f5-170df342124b">henrik</a></td>
        <td>  <a href="/admin/account/5e1947de-1185-44bb-a9f5-170df342124b">henrik</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/5e1947de-1185-44bb-a9f5-170df342124b"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/61a11f6e-e3bf-4d07-b05a-f7c3ecf0377f">niklasro@gmail.com</a></td>
        <td>  <a href="/admin/account/61a11f6e-e3bf-4d07-b05a-f7c3ecf0377f">niklasro@gmail.com</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/61a11f6e-e3bf-4d07-b05a-f7c3ecf0377f"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/83f96511-550e-4df0-bb77-e569fc0be2bc">marc</a></td>
        <td>  <a href="/admin/account/83f96511-550e-4df0-bb77-e569fc0be2bc">marc</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/83f96511-550e-4df0-bb77-e569fc0be2bc"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/95072cd9-749c-42e8-8c11-553def704f62">lukas</a></td>
        <td>  <a href="/admin/account/95072cd9-749c-42e8-8c11-553def704f62">lukas</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/95072cd9-749c-42e8-8c11-553def704f62"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/aa2d4b43-1f11-448b-bff1-0d4152c40735">rms</a></td>
        <td>  <a href="/admin/account/aa2d4b43-1f11-448b-bff1-0d4152c40735">rms</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/aa2d4b43-1f11-448b-bff1-0d4152c40735"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/c043d631-10e6-4b58-9a0f-6563199d42f7">kalle</a></td>
        <td>  <a href="/admin/account/c043d631-10e6-4b58-9a0f-6563199d42f7">kalle@example</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/c043d631-10e6-4b58-9a0f-6563199d42f7"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    <tr>
        <td>  <a href="/admin/account/f6e53781-4574-4d96-b900-204eaad6e662">blahonga</a></td>
        <td>  <a href="/admin/account/f6e53781-4574-4d96-b900-204eaad6e662">097097</a>       </td>
        <td></td>
        <td></td>
        <td><a href="/admin/editaccount/f6e53781-4574-4d96-b900-204eaad6e662"><img src="/images/edit.gif"></a><img src="/images/save.gif"><img src="/images/unlocked.gif"><img src="/images/locked.gif"> </td>
    </tr>

    </tbody>
</table>
html
css
EN

Stack Overflow用户

发布于 2014-01-14 04:16:18

我在你摆弄border-collapse:collapse的时候稍微修改了一下

JS Fiddle

希望能帮上忙

票数 0
EN
查看全部 4 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/20706575

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

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