Html 选定选项卡上的样式

我有一段代码：

.tab菜单.tabs{
溢出：隐藏；
左侧填充：20px；
右边填充：20px；
}
.选项卡菜单.选项卡按钮{
背景色：rgba（255255,1）；
边框：1px纯黑；
边框底部：无；
大纲：无；
填充：14px 16px；
}
.tab菜单.tab节.tab{
填充：6px 12px；
边框：1px实心#000000；
}

标签
数据

鉴于您试图删除的边框只有1像素宽，您可以使用

transform:translateY（1px）

将

选项卡移动到较低的像素，以产生两个div连接的错觉


.tab菜单.tabs{
溢出：隐藏；
左侧填充：20px；
右边填充：20px；
变换：translateY（1px）；
}
.选项卡菜单.选项卡按钮{
背景色：rgba（255、255、255、1）；
边框：1px纯黑；
边框底部：无；
大纲：无；
填充：14px 16px；
}
.tab菜单.tab节.tab{
填充：6px 12px；
边框：1px实心#000000；
}

标签
数据
由于您的选项卡按钮已经有了白色背景，您只需将其向下拉一个像素，使其与选项卡部分的上边框重叠即可。添加
边距底部：-1px
是实现这一点的一种方法


.tab菜单.tabs{
溢出：隐藏；
左侧填充：20px；
右边填充：20px；
边缘底部：-1px；
}
.选项卡菜单.选项卡按钮{
背景色：rgba（255、255、255、1）；
边框：1px纯黑；
边框底部：无；
大纲：无；
填充：14px 16px；
}
.tab菜单.tab节.tab{
填充：6px 12px；
边框：1px实心#000000；
}

标签
数据
.tabLink{margin bottom:-1px；}
可能会起作用。条形图来自
.tab
，而不是
.tabLink
。好吧，那么
.tab{margin bottom:-1px；}
可能会起作用。