QTabWidget CSS样式设置
效果:

样式
/* 把显示界面向上移动 */
QTabWidget::pane {
border-top:1px solid #EAEAEA;
position:absolute;
top:-0.1px;
background-color:black;
}
QTabBar::tab {
width:100px;
height:50px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
background:#FFFFFF;
border:2px solid #FFFFFF;
border-bottom-color:#FFFFFF;
border-top-left-radius:4px;
border-top-right-radius:4px;
padding:2px;
}
QTabBar::tab:selected {
color:#333333;
border-color:#FFFFFF;
border-bottom-color:#4BA4F2;
}
QTabBar::tab:!selected {
color:#B2B2B2;
border-color:#FFFFFF;
border-bottom-color:#FFFFFF;
}
本文介绍了如何使用CSS对QTabWidget进行样式调整,包括设置pane的位置、颜色,以及QTabBar中tab的尺寸、字体、边框和选中状态的颜色,以实现自定义界面效果。


被折叠的 条评论
为什么被折叠?



