CSS:仅在表列之间的边界

前端之家收集整理的这篇文章主要介绍了CSS:仅在表列之间的边界前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法,使用CSS,只在列之间(不在外边缘)在表中显示边框?

解决方法

不是没有棘手的css选择器和额外的标记等。

这样的东西可能做(使用CSS选择器):

table {
border:none;
border-collapse: collapse;
}

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

table td:first-child {
border-left: none;
}

table td:last-child {
border-right: none;
}

编辑

为了澄清@ jeroen的评论,你真正需要的是:

table { border: none; border-collapse: collapse; }
table td { border-left: 1px solid #000; }
table td:first-child { border-left: none; }
原文链接:https://www.f2er.com/css/222205.html

猜你在找的CSS相关文章