QS

@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 如图所示，QTableView使用的QHeaderView与scrollbar的style sheet.@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

scrollbar使用到下面两张背景图，放到工程目录下的images文件夹里：

 

具体的style sheet代码，这里面的CSS代码还可以写得更优雅一些，反正是起作用了，没太大兴趣再去继续弄

/*
 垂直滚动条
*/
QScrollBar:vertical {
    background:  url(images/scrollbar-vertical-bg.png);
    width:  9px;
    margin:  0px 0 0px 0;
}
QScrollBar::handle:vertical {
    background:  rgb(195, 195, 195);
    min-height:  20px;
    margin:  0 1px 0 2px;
    border-radius:  3px;
    border:  none;
     /* background: qlineargradient(spread:reflect, 
        x1:0, y1:0, x2:1, y2:0, 
        stop:0 rgba(164, 164, 164, 255), 
        stop:0.5 rgba(120, 120, 120, 255),
        stop:1 rgba(164, 164, 164, 255)); */
     /* border-image: url(images/scrollbar-vertical-thumb.png) 8px 0 8px 0 fixed; */
}

QScrollBar::add-line:vertical {
    background:  url(images/scrollbar-vertical-bg.png);
    height:  0px;
    subcontrol-position:  bottom;
    subcontrol-origin:  margin;
}

QScrollBar::sub-line:vertical {
    background:  url(images/scrollbar-vertical-bg.png);
    height:  0px;
    subcontrol-position:  top;
    subcontrol-origin:  margin;
}

QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical {
    border:  1px solid grey;
    width:  3px;
    height:  3px;
    background:  white;
}

QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
    background:  none;
}

/*
 水平滚动条
*/
QScrollBar:horizontal {
    background:  url(images/scrollbar-horizontal-bg.png);
    height:  9px;
    margin:  0px 0 0px 0;
}
QScrollBar::handle:horizontal {
    background:  rgb(195, 195, 195);
    min-width:  20px;
    margin:  2px 0px 1px 0px;
    border-radius:  3px;
    border:  none;
}
QScrollBar::add-line:horizontal {
    border:  0px solid grey;
    background:  #32CC99;
    width:  0px;
    subcontrol-position:  right;
    subcontrol-origin:  margin;
}

QScrollBar::sub-line:horizontal {
    border:  0px solid grey;
    background:  #32CC99;
    width:  0px;
    subcontrol-position:  left;
    subcontrol-origin:  margin;
}

QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
    background:  none;
}