开发者社区> 问答> 正文

css关于表格布局的一个问题

screenshot
所有的边框都是1px,类似于这样的有什么好的布局方式?

展开
收起
杨冬芳 2016-06-03 10:56:59 1898 0
1 条回答
写回答
取消 提交回答
  • IT从业

    其实没那行麻烦了,利用的表格和单元格的不同背景就可以实现的:

    style:

    <style>
    table{ background-color:#f00; }
    table tr td{ background-color:#fff; padding:10px; }
    table tr td.selected{ border:1px solid blue; position:absolute; margin-top:-1px; margin-left:-1px; }
    </style>

    html:

    <table cellpadding="0" cellspacing="1px">
        <tr>
            <td>aaa</td>
            <td>bbb</td>
            <td>ccc</td>
        </tr>
        <tr>
            <td>aaa</td>
            <td class="selected">bbb</td>
            <td>ccc</td>
        </tr>
        <tr>
            <td>aaa</td>
            <td>bbb</td>
            <td>ccc</td>
        </tr>
    </table>

    result:
    screenshot

    2019-07-17 19:26:16
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载