技術標籤：QtqssqssQt

一、普通動態效果，以QPushButton按鈕舉例

分成三個部分

1.原狀態

2.滑鼠懸在控制元件上 hover

3.滑鼠按下 press

4.無2,3操作，則回到1狀態

/*close_X，右上角關閉按鈕*/
//原狀態
//QPushButton#closeButton_2,//如果有多個按鈕同設定
QPushButton#closeButton{
    background-image : url(:/image/img/close.svg); //背景圖
    background-color: transparent; //背景透明
    background-position:center;  //居中
    background-repeat: no-repeat; //不重複，只一個圖片
    border:none;  //無邊框
}

//滑鼠懸浮在按鈕上
QPushButton#closeButton:hover{
    //如果要動態改變圖片
    //background-image : url(:/image/img/close_2.svg); 
    background-color:#E81123;  //關閉按鈕懸浮紅色
    border: none;
}

//滑鼠按下
QPushButton#closeButton:pressed{
    background-color:#F1707A;   //關閉按鈕按下紅色
    border: none;
}