QSS实践汇总（8）——QTabWidget样式（风格）
一、QTabWidget所需属性
QTabWidget::pane
QTabBar
QTabBar::tab
QTabBar::tab:selected
QTabBar::tab:!selected
QTabBar::tab:hover
二、QTabWidget风格说明
// QTabWidget的内部窗口风格
QTabWidget::pane
{
border-top:1px solid rgb(24,145,243); // 顶部边框
border-bottom:1px solid rgb(24,145,243);
top:-1px; // 使顶部遮住部分QTabWidget的头部
}
// QTabWidget的头部
QTabBar
{
border-bottom:1px solid rgb(24,145,243);
font-family:"Microsoft Yahei";
font-size:14px;
}
// QTabWidget的头部按钮
QTabBar::tab {
background: rgb(24, 36, 69); // 背景色
color:rgb(242, 243, 218); // 字体颜色
border-left: 1px solid rgb(24,145,243);
border-right: 1px solid rgb(24,145,243);
border-top: 1px solid rgb(24,145,243);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
min-width: 25em; // 最小宽度
min-height: 6em; // 最小高度
padding: 1px; // 内边距
padding-top:2px;
padding-left:4px;
padding-right:4px;
/*margin:1px;*/
margin-left:9px; // 左边距
margin-top:2px; // 上边距
}
// QTabWidget的头部按钮选中、焦点
QTabBar::tab:selected, QTabBar::tab:hover {
background: rgb(49, 65, 108);
border-bottom:px solid rgb(49, 65, 108);
}
// QTabWidget的头部按钮非选中
QTabBar::tab:!selected {
border:none;
background: rgb(24, 36, 69);
border-bottom:1px solid rgb(24,145,243);
}