Question

是否有诀窍让thead的背景颜色覆盖桌子的边框？该解决方案只需要在chrome（node-webkit）中工作。添加了一个小提琴和图像来说明：

http://jsfiddle.net/bc5GZ/4/embedded/result/
http://postimg.org/image/cjoulhs5f/

 table{
   border:black 1px solid;
 }

 thead{
   /*some clever code to make the background of thead overlay the table border*/
 }

编辑：编辑小提琴，使代码更易于阅读并添加图片来说明

Answer 1

你在寻找这个..

修改

小提琴1：http://jsfiddle.net/WTc3J/3/

No border for thead

小提琴2：http://jsfiddle.net/WTc3J/4/

No border for td , thead, and table

希望这会帮助你..让我知道..

Answer 2

您可以将div元素与其各自的display属性一起使用，而不是使用表格，表格单元格和行;并相应地设置它们的风格（现在表格已经有点弃用了 - 加上div更容易渲染，而且它们对css更友好.Divs是未来，是的！）。

<div class=table>
    <div class=table_header>
        <div class=header_cell>A</div>
        <div class=header_cell>B</div>
        <div class=header_cell>C</div>
    </div>
    <div class=table_row>
            <div class=table_cell>1</div>
            <div class=table_cell>2</div>
            <div class=table_cell>3</div>
    </div>
</div>

您可以看到this fiddle here。

使表格的内容覆盖表格边框

2 个答案: