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

Question

我正在使用代码中的HtmlTable创建PDF。我使用行

为表设置了边框

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

这也创建了单元格和行之间的边框。我该怎么办如果我只在顶部和底部需要边框？

我尝试了以下代码。但我没有工作。

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

请帮助我。

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

Answer 1

border元素上的table属性确实也为所有单元格设置了边框。因此，请设置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

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

演示：Jsfiddle

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