JavaFX使用CSS样式

通过使用 CSS 样式可以使我们的 JavaFX UI 展示效果更加优美，设置 CSS 样式有两种方式：

1、直接设置

<StackPane layoutX="50" layoutY="50">
	<JFXButton prefWidth="120" prefHeight="50" buttonType="RAISED" text="Button 按钮"
			   style="-fx-font-size: 14px; -fx-background-color: #FF8C00; -fx-text-fill: #FAF0E6;"/>
</StackPane>

2、CSS引入

<StackPane layoutX="50" layoutY="50" stylesheets="@/css/Main.css">
	<JFXButton prefWidth="120" prefHeight="50" buttonType="RAISED" text="Button 按钮"
		styleClass="button-style"/>
</StackPane>

CSS样式文件：

.button-style{
    -fx-font-size: 14px;
    -fx-background-color: #FF8C00;
    -fx-text-fill: #FAF0E6;
}

项目结构：

resources
	|
	|--css
	|	|
	|	|--Main.css
	|
	|--fxml
		|
		|--Main.fxml

最终效果