如何用一個像素來包圍單元

Question

我有一個網格控件，我正在爲它設置一個樣式。 在單元格的邊框中，我希望每個單元格都有一個像素，但是它會出現兩個像素，因爲它們是左起一個，右起一個像素。

的CSS：

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

任何幫助！

Answer 1

使用border-collapse屬性。

Answer 2

您可以設置一個側面邊框而已，也許這將指向你在正確的方向:)

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

Answer 3

給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; 

}