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

本文关键字：单元格 之间 边框 表格 Html 何删除 删除 | 更新日期: 2023-09-27 18:25:04

我正在使用代码隐藏中的HtmlTable创建PDF。我使用线为表格设置了边界

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

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

我试过下面的代码，但没用。

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

任何人都请帮我。

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

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

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");

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

演示：Jsfidle

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