如何删除单元格和Html表格的行之间的边界？

Question

我创建使用代码behind.I的HTMLTABLE的PDF已经通过线

HtmlTable table1 = new HtmlTable(); 
table1.Attributes.Add("border", "1"); 

这创造了细胞与行之间也边框设置边框的表格。我能做些什么如果我只需要顶部和底部的边框？

我试过下面的code.but我没有工作。

table1.Attributes.Add("border-top", "solid"); 
table1.Attributes.Add("border-bottom", "solid"); 

请帮助我的人。

如何只设置HtmlTable的顶部和底部边框？

Answer 1

table元素上的border属性的确设置了所有单元格的边界。因此，您可以尝试设置border-top和border-bottom，但由于它们是CSS属性而不是HTML属性，因此不能直接在元素上设置它们。取而代之的是，它们可以与一个HTML style属性进行设置：

table1.Attributes.Add("style", "border-top: solid; border-bottom: solid"); 

然而，这产生了与medium（通常为两个像素）的浏览器依赖性宽度边界。如果你想要一个像素的边框，设置

table1.Attributes.Add("style", "border-top: solid 1px; border-bottom: solid 1px"); 

Answer 2

你可以通过CSS解决这个问题。

演示：Jsfiddle

table{ 
width:400px; 
margin:0 auto; 
background:#4679BD; 
border-top:1px solid red; 
border-bottom:1px solid red; 
}