Java開發桌面程式學習（十）——css樣式表使用以及Button懸浮改變樣式實現

css樣式表使用

javafx中的css樣式，與html的有些不一樣，javafx中的css，是以-fx-background-color這種樣子的，具體可以參考文檔JavaFx css官方文檔

javafx中，css樣式有兩種使用方法

• 直接在fxml中使用
• fxml引用css文件

fxml直接使用樣式

在某個控制項中使用style屬性即可

<Text layoutX="235.0" layoutY="173.0" style="-fx-background-color: black">hello</Text>

直接在scenebuilder中也可以定義

fxml引用css

在根佈局的標簽中使用stylesheets屬性，記得有個@符號

stylesheets="@button.css" 

Button懸浮效果實現

css文件中，引用id前面得加#，引用標簽，則加.

我們可以使用css的偽標簽來實現

預設為綠色，滑鼠滑動到按鈕，按鈕會變為藍色。點擊按鈕，按鈕會變為白色，效果如下

.button{
    -fx-background-color: green;
}

.button:hover{
    -fx-background-color: blue;
}


.button:focused{
    -fx-background-color: white;
}