间距的CSS问题

Question

我有一个表，在表头（TH）中我有CSS背景：

.gridView th
{
padding-top: 1px;
background-image: url('/Images/Design/New/mitte-tb_02.gif');
background-repeat: repeat-x;
background-position: 0px 0px;
color: #FFFFFF;
border: 1px solid Gray;
text-align: center;
}

现在我将从边框和背景之间的边界1px空间向右移动。 我尝试了所有，但似乎没用。

任何想法？

Answer 1

您可以通过将表格上的border-collapse设置为单独并将表格的背景颜色设置为Gray来实现此目的。然后将单元格的边框设置为灰色边框和背景图像之间所需的颜色。请参阅此示例：http://jsfiddle.net/NMx5M/

Answer 2

您可以将内部div放在th元素中，并使用margin: 0 1px;为其设置背景。 An example（为简单起见，我用颜色替换了图像）。

Answer 3

如果我理解正确的话：

根据“背景”的性质，图像将填充图像大小允许的空间（特别是如果重复）。

您可以使用cellspacing或白色边框强制使用边框进行视觉展示。

或者你会想要使背景图像在边缘周围精确地设置为1px，并且绝对定位背景以给出间隙的〜印象。

修改

你也许可以做这样的事情

    .foo {
        background: url(bg.jpg) repeat-x; 
        display:block; 
        width:99%; 
        height:99%;
    }

<th style="padding:1px;" scope="col"><span class="foo">Foo Bar</span></th>

B'/ P>