Css JavaFX选项卡窗格：如何制作梯形选项卡

我想让

TabPane

看起来像下图

但我不知道如何才能做到这一点。我只能做出这样的形象

这是我用于设置样式的

css

样式

TabPane

.tab-pane {
    -fx-tab-min-width: 90px;
}

.tab-pane .tab-header-area .tab-header-background {
    -fx-opacity: 0;
}

.tab-pane > .tab-header-area > .headers-region > .tab {
    -fx-shape: "M300,290 L310,168 L410,168 L421,290 L300,290 z";
}

.tab {
    -fx-background-color: transparent;
    -fx-border-color: white;
    -fx-border-width: 2;
    -fx-focus-color: transparent;
    -fx-faint-focus-color: transparent;
}

.tab .tab-label {
    -fx-alignment: CENTER;
    -fx-text-fill: white;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
}

---

需要明确的是，您唯一的问题是选项卡标题在您的版本中不重叠，是吗？是的，我希望选项卡标题重叠，但如果可能的话，我希望使用TabPane设置水平线样式，而无需手动进行设置。要明确的是，您唯一的问题是选项卡标题在您的版本中不重叠，是吗？是的，我希望选项卡标题重叠，但如果可能的话，我希望使用TabPane设置水平线样式，而不需要手动设置