1、普通模式，如图
1 /* 向在移动 */
2 QTabWidget::tab-bar { 3 left:20px; 4 } 5
6 QTabBar::tab { 7 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 8 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, 9 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); 10 border:2px solid #C4C4C3; 11 border-bottom-color:red; 12 border-top-left-radius:4px; 13 border-top-right-radius:4px; 14 min-width:8px; 15 padding:2px; 16 } 17
18 /* 标签被选中时或鼠标悬浮时 */
19 QTabBar::tab:selected,QTabBar::tab:hover { 20 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 21 stop: 0 #fafafa, stop: 0.4 #f4f4f4, 22 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); 23 } 24
25 /* 标签被选中时 */
26 QTabBar::tab:selected { 27 border-color:#9B9B9B; 28 border-bottom-color:#C2C7CB; 29 } 30
31 /* 标签未被选中时 */
32 QTabBar::tab:!selected { 33 margin-top:2px; 34 }
2、被选中的标签，外框扩大，如图
1 QTabWidget::pane { 2 border:4px solid #C3C7CB; 3 } 4
5 QTabWidget::tab-bar { 6 left:20px; 7 } 8
9 /* 标签外形设置 */
10 QTabBar::tab { 11 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 12 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, 13 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); 14 border:2px solid #C4C4C3; 15 border-bottom-color:#C2C7CB; 16 border-top-left-radius:4px; 17 border-top-right-radius:4px; 18 min-width:50px; 19 padding:2px; 20 } 21
22 /* 标签被选中时或鼠标悬浮时 */
23 QTabBar::tab:selected,QTabBar::tab:hover { 24 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 25 stop: 0 #fafafa, stop: 0.4 #f4f4f4, 26 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); 27 } 28
29 /* 标签被选中时 */
30 QTabBar::tab:selected { 31 border-color:#9B9B9B; 32 border-bottom-color:#C2C7CB; 33 } 34
35 /* 标签未被选中时 */
36 QTabBar::tab:!selected { 37 margin-top:2px; 38 } 39
40 /* 标签被选中时,外框向外扩大 */
41 QTabBar::tab:selected { 42 margin-left:-4px; 43 margin-right:-4px; 44 } 45
46 /* 最左边的标签被选中时,外框不变化 */
47 QTabBar::tab:first:selected { 48 margin-left:0px; 49 } 50
51 /* 最右边的标签被选中时,外框不变化 */
52 QTabBar::tab:last:selected { 53 margin-right:0; 54 }
3、标签居中，如图
1 /* 把显示界面向上移动 */
2 QTabWidget::pane { 3 border-top:2px solid #C2C7CB; 4 position:absolute; 5 top:-10px; 6 } 7
8 /* 标签居中 */
9 QTabWidget::tab-bar { 10 alignment:center; 11 } 12
13 QTabBar::tab { 14 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 15 stop: 0 #E1E1E1, stop: 0.4 #DDDDDD, 16 stop: 0.5 #D8D8D8, stop: 1.0 #D3D3D3); 17 border:2px solid #C4C4C3; 18 border-bottom-color:#C2C7CB; 19 border-top-left-radius:4px; 20 border-top-right-radius:4px; 21 min-width:20px; 22 padding:2px; 23 } 24
25 QTabBar::tab:selected,QTabBar::tab:hover { 26 background:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, 27 stop: 0 #fafafa, stop: 0.4 #f4f4f4, 28 stop: 0.5 #e7e7e7, stop: 1.0 #fafafa); 29 } 30
31 QTabBar::tab:selected { 32 border-color:#9B9B9B; 33 border-bottom-color:#C2C7CB; 34 }
