Question

我想问用css怎么实现表格边框如下图的线条效果？像被挖下去那样

Answer 1

<style>
.line{height:1px;width:100%;overflow:hidden;background-color:#fff;border-top:1px solid #ddd;}
</style>
<p class="line"></p>

line的背景颜色和border颜色你自己定义就可以了。

Answer 2

两种方法：
1；用背景图片做，高度两个像素，让背景平铺就行了。
2；用边框做，上面DIV的下边框和下面DIV的上边框，也可以实现这样的效果。

Answer 3

你可以在设计图里直接切一个像素的图形平铺就可以了，再或者是你写两个线条的样式，根据设计图来取颜色，这样都可以达到目的。

Answer 4

<table style="background-color: #E0E0E0;" border="1" width="100%" cellspacing="0">
<tr><td style="border-color: #A8A8A8;">1</td></tr>
<tr><td>2</td></tr>
</table>
主要是颜色的对比，我选的颜色可能不太好，你自己调色吧。