http://qt-project.org/doc/qt-4.8/stylesheet-examples.html
Qt中設置按鈕或QWidget的外觀是,可以使用QT Style Sheets來進行設置,非常方便。
可以用setStyleSheet("font: bold; font-size:20px; color: rgb(241, 70, 62); background-color: green");來進行設置,
其他的樣式介紹如下:
font: bold; 是否粗體顯示
font-family:""; 來設定字體所屬家族,
font-size:20px; 來設定字體大小
font-style: nomal; 來設定字體樣式
font-weight:20px; 來設定字體深淺
color:black ;字體顏色
border: 1px solid gray;邊框大小,樣式,顏色
border-image:""; 用來設定邊框的背景圖片。
border-radius:5px; 用來設定邊框的弧度。可以設定圓角的按鈕
border-width: 1px; 邊框大小
background-color: green; 設置背景顏色
background:transparent; 設置背景為透明
color:rgb(241, 70, 62); 設置前景顏色
selection-color:rgb(241, 70, 62); 用來設定選中時候的顏色
可以使用border-top,border-right,border-bottom,border-left分別設定按鈕的上下左右邊框,
同樣有border-left-color, border-left-style, border-left-width.等分別來設定他們的顏色,樣式和寬度
CSS基本功能
CSS的強大在於組合功能的強大,這里只是簡單介紹基本功能,將簡單功能組合起來才能實現好看的效果。
CSS 背景屬性(Background)
屬性 |
描述 |
CSS |
在一個聲明中設置所有的背景屬性。 |
1 |
|
設置背景圖像是否固定或者隨着頁面的其余部分滾動。 |
1 |
|
設置元素的背景顏色。 |
1 |
|
設置元素的背景圖像。 |
1 |
|
設置背景圖像的開始位置。 |
1 |
|
設置是否及如何重復背景圖像。 |
1 |
|
規定背景的繪制區域。 |
3 |
|
規定背景圖片的定位區域。 |
3 |
|
規定背景圖片的尺寸。 |
3 |
CSS 邊框屬性(Border 和 Outline)
屬性 |
描述 |
CSS |
在一個聲明中設置所有的邊框屬性。 |
1 |
|
在一個聲明中設置所有的下邊框屬性。 |
1 |
|
設置下邊框的顏色。 |
2 |
|
設置下邊框的樣式。 |
2 |
|
設置下邊框的寬度。 |
1 |
|
設置四條邊框的顏色。 |
1 |
|
在一個聲明中設置所有的左邊框屬性。 |
1 |
|
設置左邊框的顏色。 |
2 |
|
設置左邊框的樣式。 |
2 |
|
設置左邊框的寬度。 |
1 |
|
在一個聲明中設置所有的右邊框屬性。 |
1 |
|
設置右邊框的顏色。 |
2 |
|
設置右邊框的樣式。 |
2 |
|
設置右邊框的寬度。 |
1 |
|
設置四條邊框的樣式。 |
1 |
|
在一個聲明中設置所有的上邊框屬性。 |
1 |
|
設置上邊框的顏色。 |
2 |
|
設置上邊框的樣式。 |
2 |
|
設置上邊框的寬度。 |
1 |
|
設置四條邊框的寬度。 |
1 |
|
在一個聲明中設置所有的輪廓屬性。 |
2 |
|
設置輪廓的顏色。 |
2 |
|
設置輪廓的樣式。 |
2 |
|
設置輪廓的寬度。 |
2 |
|
定義邊框左下角的形狀。 |
3 |
|
定義邊框右下角的形狀。 |
3 |
|
簡寫屬性,設置所有 border-image-* 屬性。 |
3 |
|
規定邊框圖像區域超出邊框的量。 |
3 |
|
圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。 |
3 |
|
規定圖像邊框的向內偏移。 |
3 |
|
規定用作邊框的圖片。 |
3 |
|
規定圖片邊框的寬度。 |
3 |
|
簡寫屬性,設置所有四個 border-*-radius 屬性。 |
3 |
|
定義邊框左上角的形狀。 |
3 |
|
定義邊框右下角的形狀。 |
3 |
|
box-decoration-break |
3 |
|
向方框添加一個或多個陰影。 |
3 |
Box 屬性
屬性 |
描述 |
CSS |
如果內容溢出了元素內容區域,是否對內容的左/右邊緣進行裁剪。 |
3 |
|
如果內容溢出了元素內容區域,是否對內容的上/下邊緣進行裁剪。 |
3 |
|
規定溢出元素的首選滾動方法。 |
3 |
|
圍繞由 rotation-point 屬性定義的點對元素進行旋轉。 |
3 |
|
定義距離上左邊框邊緣的偏移點。 |
3 |
CSS 字體屬性(Font)
屬性 |
描述 |
CSS |
在一個聲明中設置所有字體屬性。 |
1 |
|
規定文本的字體系列。 |
1 |
|
規定文本的字體尺寸。 |
1 |
|
為元素規定 aspect 值。 |
2 |
|
收縮或拉伸當前的字體系列。 |
2 |
|
規定文本的字體樣式。 |
1 |
|
規定是否以小型大寫字母的字體顯示文本。 |
1 |
|
規定字體的粗細。 |
1 |
CSS 外邊距屬性(Margin)
屬性 |
描述 |
CSS |
在一個聲明中設置所有外邊距屬性。 |
1 |
|
設置元素的下外邊距。 |
1 |
|
設置元素的左外邊距。 |
1 |
|
設置元素的右外邊距。 |
1 |
|
設置元素的上外邊距。 |
1 |
CSS 內邊距屬性(Padding)
屬性 |
描述 |
CSS |
在一個聲明中設置所有內邊距屬性。 |
1 |
|
設置元素的下內邊距。 |
1 |
|
設置元素的左內邊距。 |
1 |
|
設置元素的右內邊距。 |
1 |
|
設置元素的上內邊距。 |
1 |
CSS 定位屬性(Positioning)
屬性 |
描述 |
CSS |
||
設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。 |
2 |
|||
規定元素的哪一側不允許其他浮動元素。 |
1 |
|||
剪裁絕對定位元素。 |
2 |
|||
規定要顯示的光標的類型(形狀)。 |
2 |
|||
規定元素應該生成的框的類型。 |
1 |
|||
規定框是否應該浮動。 |
1 |
|||
設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。 |
2 |
|||
規定當內容溢出元素框時發生的事情。 |
2 |
|||
規定元素的定位類型。 |
2 |
|||
設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。 |
2 |
|||
設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。 |
2 |
|||
設置元素的垂直對齊方式。 |
1 |
|||
規定元素是否可見。 |
2 |
|||
設置元素的堆疊順序。 |
||||
|
|
|
||
CSS 文本屬性(Text)
屬性 |
描述 |
CSS |
設置文本的顏色。 |
1 |
|
規定文本的方向 / 書寫方向。 |
2 |
|
設置字符間距。 |
1 |
|
設置行高。 |
1 |
|
規定文本的水平對齊方式。 |
1 |
|
規定添加到文本的裝飾效果。 |
1 |
|
規定文本塊首行的縮進。 |
1 |
|
text-shadow |
規定添加到文本的陰影效果。 |
2 |
控制文本的大小寫。 |
1 |
|
設置文本方向。 |
2 |
|
規定如何處理元素中的空白。 |
1 |
|
設置單詞間距。 |
1 |
|
規定標點字符是否位於線框之外。 |
3 |
|
規定是否對標點字符進行修剪。 |
3 |
|
text-align-last |
設置如何對齊最后一行或緊挨着強制換行符之前的行。 |
3 |
向元素的文本應用重點標記以及重點標記的前景色。 |
3 |
|
規定當 text-align 設置為 "justify" 時所使用的對齊方法。 |
3 |
|
規定文本的輪廓。 |
3 |
|
規定當文本溢出包含元素時發生的事情。 |
3 |
|
向文本添加陰影。 |
3 |
|
規定文本的換行規則。 |
3 |
|
規定非中日韓文本的換行規則。 |
3 |
|
允許對長的不可分割的單詞進行分割並換行到下一行。 |
3 |
參考:https://blog.csdn.net/shado_walker/article/details/51425532
參考:https://blog.csdn.net/u012803067/article/details/70853425