Html 如何使用css和table标记创建一个空格保留列

去除上下边界最优雅的方法是什么

表格{
边框：1px实心#CCC；
边界塌陷：塌陷；
文本对齐：居中；
}
noborder先生{
边界：无；
宽度：50px；
}

产品
描述
价格
量
删除
AA
BB
科科斯群岛
DD
FF

您需要为

th

和

td

元素应用边框，而不是为整个表应用边框。对子元素应用的

noborder

类不会影响表的边框设置

表格{
边界塌陷：塌陷；
文本对齐：居中；
}
noborder先生{
边界：无；
宽度：50px；
}
th，
运输署{
边框：1px实心#CCC；
}

产品
描述
价格
量
删除
AA
BB
科科斯群岛
DD
FF

您需要为

th

和

td

元素应用边框，而不是为整个表应用边框。对子元素应用的

noborder

类不会影响表的边框设置

表格{
边界塌陷：塌陷；
文本对齐：居中；
}
noborder先生{
边界：无；
宽度：50px；
}
th，
运输署{
边框：1px实心#CCC；
}

产品
描述
价格
量
删除
AA
BB
科科斯群岛
DD
FF

我想说的是只指定您需要的边框。 如果你不想要顶部和底部。。。仅设置左右边框

table {
  border-left: 1px solid #000;
  border-left: 1px solid #000;
}

如果您试图仅删除该空白列的顶部和底部，则可以尝试分别设置每列的边框，从而允许删除所需的边框

td {
  border: 1px solid #000;
}
#blank-td {
  border: none /* or even 1px solid #fff */;
}

把它弄得乱七八糟

---

更多信息：

我建议只指定您需要的边框。 如果你不想要顶部和底部。。。仅设置左右边框

table {
  border-left: 1px solid #000;
  border-left: 1px solid #000;
}

如果您试图仅删除该空白列的顶部和底部，则可以尝试分别设置每列的边框，从而允许删除所需的边框

td {
  border: 1px solid #000;
}
#blank-td {
  border: none /* or even 1px solid #fff */;
}

把它弄得乱七八糟

---

更多信息：

编辑您的小提琴。这与您展示的图片不同边框应用于整个表，而不是代码中的单个元素。我已经更新了JSFIDLE链接，谢谢！编辑你的小提琴。这与您展示的图片不同边框应用于整个表，而不是代码中的单个元素。我已经更新了JSFIDLE链接，谢谢！