如何用一个像素包围细胞

时间:2011-02-02 08:36:08

标签: css border

我有一个网格控件,我正在设置它的样式。 在单元格的边界,我希望每个单元格周围有一个像素,但它显示两个像素,因为一个像素来自左边,一个来自右边。

CSS:

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td
{
    border: 1px solid #F0D88C;
}

任何帮助!!

3 个答案:

答案 0 :(得分:4)

使用border-collapse属性。

答案 1 :(得分:1)

像这样给td和表

table, td
{
    border-color: #F0D88C;
    border-style: solid;
}

table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;

}

答案 2 :(得分:0)

您只能为一侧设置边框,也许这会指向正确的方向:)

.RadGrid_MyCustomSkin .rgRow td, .RadGrid_MyCustomSkin .rgAltRow td
{
    border-left/*or -right*/: 1px solid #F0D88C;
}