html - Asp.Net gridview 行空间

Question

我有一个只有一个模板字段的 GridView ，我希望行之间的距离为 5-10 像素。我在 item-style-css 上尝试了边距，但没有用。唯一似乎修改距离的是边框，但我需要边框来实现胡佛效果，这是 css ot 模板字段元素样式:

.event_home
{
    border: double;
    border-width: 1px;
    border-color: #581017;
    background-image:url('../images/t_off.png');

   cursor:pointer;
}


.event_home:hover
{
    border: double;
    border-width: 1px;
    border-color: #C5CC19;

}

我展示了我的示例，gridview 的每一行只有一个单元格，我希望行是分开的，以便我可以看到两行之间的页面背景。图A是我现在的，图B是我想要的:

Fig A

+---+
| A | 
+---+
| B | 
+---+
| C | 
+---+

Fig.B                     

+---+
| A | 
+---+
          <-- this is margin of N pixel
+---+
| B | 
+---+

+---+
| C | 
+---+

Answer 1

请在 gridview 中尝试 cellspacing 它可能会起作用

 eg  <asp:GridView  CellSpacing="20" ..