的方法之一可以是这样的:
1)创建具有名称 “的style.css” CSS文件,并定义在它的id选择:
#pane{
-fx-background-image: url("background_image.jpg");
-fx-background-repeat: stretch;
-fx-background-size: 900 506;
-fx-background-position: center center;
-fx-effect: dropshadow(three-pass-box, black, 30, 0.5, 0, 0);
}
2 )使用CSS中定义的值设置场景中最顶级控件(或任何控件)的id,并将此CSS文件加载到场景中:
public class Test extends Application {
public static void main(String[] args) {
launch(args);
}
@Override
public void start(Stage primaryStage) {
StackPane root = new StackPane();
root.setId("pane");
Scene scene = new Scene(root, 300, 250);
scene.getStylesheets().addAll(this.getClass().getResource("style.css").toExternalForm());
primaryStage.setScene(scene);
primaryStage.show();
}
}
你也可以给一个ID在FXML文件中的控制:
有关JavaFX的CSS样式参照本guide更多信息。