Qss界面美化6:QTabWidget美化

Qss界面美化6:QTabWidget美化

先看效果图:
Qss界面美化6:QTabWidget美化_第1张图片
关键代码:

/*QTabWidget*/
QTabWidget::pane{
     
border:none;
}

QTabWidget::tab-bar {
     
     left: 5px;
}

QTabBar::tab {
     
     background: gray;
     /*border: 2px solid #C4C4C3;*/
     border-bottom-color: #C2C7CB;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     min-width: 60px;
     padding: 2px;
 }

QTabBar::tab:selected{
     
    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #626262,stop:1 #545454);
}

QTabBar::tab:!selected{
     
    margin-top:5px;
}
/*四个下属界面*/
#tab,#tab_2,#tab_3,#tab_4{
     
    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #626262,stop:1 #545454);
    border-radius:6px;
}

你可能感兴趣的:(QSS界面美化,Qt,Qss)