能否使用CSS为BorderPane的top及各区域设置不同颜色样式？

当然可以啦！在JavaFX中，BorderPane的top、left、right、center、bottom这五个区域，完全能够通过CSS分别设置样式，包括你提到的不同背景色，操作起来还挺灵活的。我给你两种常用的实现思路：

BorderPane的每个子节点在被放入对应区域时，会自动被添加一个和区域名一致的样式类（比如top区域的节点会带top类）。我们可以利用这个特性，直接通过CSS选择器定位到对应区域的节点：

/* 给BorderPane的top区域设置背景色和内边距 */
.border-pane > .top {
    -fx-background-color: #ffcccc; /* 浅红色 */
    -fx-padding: 10px;
}

/* left区域设为浅绿色 */
.border-pane > .left {
    -fx-background-color: #ccffcc;
    -fx-min-width: 120px;
}

/* right区域设为浅蓝色 */
.border-pane > .right {
    -fx-background-color: #ccccff;
    -fx-min-width: 120px;
}

/* center区域设为浅黄色 */
.border-pane > .center {
    -fx-background-color: #ffffcc;
    -fx-padding: 20px;
}

/* bottom区域设为浅紫色 */
.border-pane > .bottom {
    -fx-background-color: #ffccff;
    -fx-padding: 8px;
}

如果需要更个性化的样式，或者同一个BorderPane里有多个节点需要区分，你可以给每个区域的节点手动添加自定义样式类，这样CSS的针对性更强：

Java代码部分： #

BorderPane borderPane = new BorderPane();

// 给top区域的标签添加自定义样式类
Label topTitle = new Label("顶部导航");
topTitle.getStyleClass().add("custom-top-bar");
borderPane.setTop(topTitle);

// 给left区域的侧边栏添加自定义样式类
VBox sidebar = new VBox();
sidebar.getStyleClass().add("custom-sidebar");
borderPane.setLeft(sidebar);

// 其他区域同理
Pane centerContent = new Pane();
centerContent.getStyleClass().add("custom-content-area");
borderPane.setCenter(centerContent);

CSS代码部分： #

.custom-top-bar {
    -fx-background-color: #ff6347; /* 番茄红 */
    -fx-text-fill: white;
    -fx-font-size: 16px;
    -fx-alignment: center;
    -fx-padding: 12px;
}

.custom-sidebar {
    -fx-background-color: #3cb371; /* 中春绿 */
    -fx-min-width: 150px;
    -fx-spacing: 10px;
    -fx-padding: 10px;
}

.custom-content-area {
    -fx-background-color: #f0e68c; /* 卡其色 */
    -fx-border-color: #ddd;
    -fx-border-width: 1px;
}

💡 小提示：如果某个区域暂时没有内容，记得放一个空的Pane节点进去，不然设置的样式会因为没有承载节点而显示不出来哦！

内容的提问来源于stack exchange，提问作者Roger