如何创建部分边框（带孔）？

我在 JavaFX 中编写了代码，并使用 CSS 来设置上述问题的样式。以下代码为 AnchorPane 制作了 2 像素宽的边框：

    AnchorPane pane = new AnchorPane();
    pane.setStyle("-fx-border-color: blue; -fx-border-width: 2");

上面的代码在三个边上设置了边框：

    pane.setStyle("-fx-border-color: blue; -fx-border-width: 2 2 0 2;");

我想在所有 4 个边上制作边框，但顶部边框必须有一个孔，如下图所示：

你能帮我么？

使用“嵌套背景”生成如下边框：

    pane.setStyle("-fx-background-color: blue, -fx-background, -fx-background;"
            + "-fx-background-insets: 0 0 0 0, 0 50 2 100, 2 2 2 2;");

The JavaFX CSS 文档具有所有细节，但基本上它的工作方式是创建三个背景，将其一层一层地放置。第一个是蓝色的，每边插入 0。 IE。：

pane.setStyle("-fx-background-color: blue; -fx-background-insets 0 0 0 0;");

这将创建一个填充整个窗格的蓝色矩形：

第二个背景具有来自摩德纳的默认根背景（-fx-background）。它有以下插图0在顶部，50向左转，2在底部，以及100在右边。所以前两个嵌套背景：

pane.setStyle("-fx-background-color: blue, -fx-background;"
        + "-fx-background-insets: 0 0 0 0, 0 50 2 100;");

产生这个：

请注意底部 2 像素宽的蓝线。

最后，第三个背景也有默认的背景颜色（-fx-background），以及每侧两个像素的插图。因此，当将其放置在前两个背景上时，可以看到所需的效果：

当所有四个边的值都相同时，您可以将四个值替换为单个值。所以CSS可以缩写

    pane.setStyle("-fx-background-color: blue, -fx-background, -fx-background;"
            + "-fx-background-insets: 0 , 0 50 2 100, 2;");

只是一个技术说明：除非创建了至少一个控件，否则不会加载默认样式表，这就是我添加一个Label在下面的完整示例中。

这是一个 SSCCE：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.AnchorPane;
import javafx.stage.Stage;

public class BorderWithGap extends Application {

    @Override
    public void start(Stage primaryStage) {
        AnchorPane pane = new AnchorPane();

        Label label = new Label("Border with gap");
        AnchorPane.setTopAnchor(label, 50.0);
        AnchorPane.setLeftAnchor(label, 50.0);
        pane.getChildren().add(label);

        pane.setStyle("-fx-background-color: blue, -fx-background, -fx-background;"
                + "-fx-background-insets: 0, 0 50 2 100, 2;");


        Scene scene = new Scene(pane, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}