有没有办法使用CSS在表格中只显示列之间的边框(而不是在外边)?

推荐答案

Edit 2

伊拉斯谟有更好的一行below


如果没有棘手的CSS Select 器和额外的标记等等.

如下所示可能会起作用(使用CSS Select 器):

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;
}

Edit

要澄清@Jeroen的 comments 打击,你真正需要的只是:

table { border: none; border-collapse: collapse; }
table td { border-left: 1px solid #000; }
table td:first-child { border-left: none; }

Css相关问答推荐

如何在WooCommerce产品页面中减少属性下拉菜单之间的空间

当面板以Angular 上升时如何定位下拉面板

使用SVG以竖排书写模式创建渐变文本时,文本显示异常

如果父元素是弹性元素,则不会显示带有纵横比的空div

在最小和最大视口之间时具有固定值的 CSS 钳位

如何在 CSS 中使 Flex 容器内的网格响应,而不 destruct 外部 Flex 容器的布局?

如何仅在CSS中屏蔽具有多个形状的div框?

我可以拆分我的 CSS / SASS webpack 加载器规则,还是它们需要成为一个大规则?

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

如何在 konvajs 中居中放置项目?

做一个像CodeSandbox的console那样的可拖拽的split panel

内部和外部 div 之间的像素大小的间隙

CSS中元素的重叠

循环一个 sass/scss 变量以生成 css 变量

带填充的水平边框

Tailwind:如何设置网格的自动填充?

当我在几个月之间更改时,有什么方法可以在react-dates-range上添加淡入淡出或幻灯片效果?

弹性盒项目之间的间距

将未知大小的大图像居中在一个较小的 div 中,并隐藏溢出

我应该使用最大设备宽度还是最大宽度?