QTabWidget

/****************************************************************************
*           QTabWidget
*       描述：pane 指整个tab组件
*                  border-width 组件的外框宽度
*                  border-color 外框颜色  border-style外框风格   （比如outset就是凸出立体感）
*                  border-radius  外框的圆角像素
****************************************************************************/
QTabWidget::pane {border: none;//无边框border-top: 3px solid rgb(0, 160, 230);//边款顶部：3px   实线   颜色(0,160,230)background: transparent;//背景透明
}
QTabWidget::tab-bar {//tab-bar  border: none;   //
}
QTabBar::tab {border: none;border-top-left-radius: 4px;border-top-right-radius: 4px;color: rgb(0, 0, 0);background: rgb(255, 255, 255, 30);height: 28px;min-width: 85px;margin-right: 5px;padding-left: 5px;padding-right: 5px;
}
QTabBar::tab:hover {background: rgb(0, 0, 255, 40);
}
QTabBar::tab:selected {color: white;background: rgb(0, 160, 230);
}

QSlider

/****************************************************************************
*           QSlider
*       描述：滑动块样式
*           仿网易云样式
****************************************************************************/
/* 一定要先设置groove，不然handle的很多效果将没有*/
QSlider::groove:horizontal {border: none;height: 6px;border-radius: 3px;background: lightgray;
}
QSlider::handle:horizontal {border: none;margin: -5px 0px; /* 上下边距和左右边距*/width: 16px;height: 16px;border-radius: 8px;background: #e83c3c;border-image: url(:/images/playPbHandle16_White.png);
}
/*划过部分*/
QSlider::sub-page:horizontal {background: #e83c3c;height: 4px;border-radius: 3px;
}
/*未划过部分*/
QSlider::add-page:horizontal {background: lightgray;height: 4px;border-radius: 3px;
}

/****************************************************************************
*           QSlider
*       描述：滑动块样式
*               horizontal --> 水平滑动槽
****************************************************************************/
QSlider::groove:horizontal {  border: 1px solid #bbb;  background: white;  height: 10px;  border-radius: 4px;
}  QSlider::sub-page:horizontal {  background: qlineargradient(x1: 0, y1: 0,    x2: 0, y2: 1,  stop: 0 #66e, stop: 1 #bbf);  background: qlineargradient(x1: 0, y1: 0.2, x2: 1, y2: 1,  stop: 0 #bbf, stop: 1 #55f);  border: 1px solid #777;  height: 10px;  border-radius: 4px;
}  QSlider::add-page:horizontal {  background: #fff;  border: 1px solid #777;  height: 10px;  border-radius: 4px;
}  QSlider::handle:horizontal {  background: qlineargradient(x1:0, y1:0, x2:1, y2:1,  stop:0 #eee, stop:1 #ccc);  border: 1px solid #777;  width: 13px;  margin-top: -2px;  margin-bottom: -2px;  border-radius: 4px;
}  QSlider::handle:horizontal:hover {  background: qlineargradient(x1:0, y1:0, x2:1, y2:1,  stop:0 #fff, stop:1 #ddd);  border: 1px solid #444;  border-radius: 4px;
}  QSlider::sub-page:horizontal:disabled {  background: #bbb;  border-color: #999;
}  QSlider::add-page:horizontal:disabled {  background: #eee;  border-color: #999;
}  QSlider::handle:horizontal:disabled {  background: #eee;  border: 1px solid #aaa;  border-radius: 4px;
}

QTableView

/*QTableView 左上角样式*/
QTableView QTableCornerButton::section {color: white;/*文字颜色*/background-color: rgb(41, 139, 201);/*背景色*/border: 5px solid #418bc9;/*边框*/border-radius:0px;/*边框圆角*/border-color: rgb(41, 139, 201);/*边框颜色*/font: 10px;/*字体大小*/padding:0px 0 0 0px;/*内边距*/}QTableView {background:transparent;/*背景透明*//*color: white;                                       /*表格内文字颜色*//* gridline-color: black;                              /*表格内框颜色*//*background-color: rgb(108, 108, 108);               /*表格内背景色*//*/*alternate-background-color: rgb(64, 64, 64);/*selection-color: white;                             /*选中区域的文字颜色*//* selection-background-color: rgb(77, 77, 77);        /*选中区域的背景色*//* border: 2px groove gray;/*border-radius: 0px;/*padding: 2px 4px;*/
}QHeaderView {color: white;font: bold 10pt;background-color: rgb(41, 139, 201);border: 0px solid rgb(144, 144, 144);border:0px solid rgb(191,191,191);border-left-color: rgba(255, 255, 255, 0);border-top-color: rgba(255, 255, 255, 0);border-radius:0px;min-height:29px;
}QHeaderView::section {color: white;background-color:rgb(41, 139, 201);border: 5px solid #f6f7fa;border-radius:0px;border-color:rgb(41, 139, 201);
}

QListWidget / QListView

/************* 左侧管理工具栏 ***************/
QWidget#mangeWidget, #listItemWidget, #musicMangeScrollAreaWidget {background-color: #f5f5f7;
}
QListWidget#musicMangeListWidget {border: none;outline: none;background-color: #f5f5f7;
}
QListWidget#musicMangeListWidget::item {background-color: #f5f5f7;border: solid
}
QListWidget#musicMangeListWidget::item:hover {background-color: #f5f5f7;
}
QListWidget#musicMangeListWidget::item:selected {background-color: #e6e7ea;border-left-width: 4px;border-left-color: #c62f2f;
}
QLabel#boxTitleLabel, #toolboxNameLabel {color: #696969;font-family: "Microsoft Yahei";font-size: 9pt;background-color: #f5f5f7;
}
QScrollArea#musicMangeScrollArea {border: 0px solid;border-right-width: 1px;border-right-color: #dcdbdc;background-color: #f5f5f7;
}
QScrollBar:vertical {border: none;background: #f5f5f7;width: 10px;margin: 0px 0 0px 0;
}
QScrollBar::handle:vertical {background: Gainsboro;min-height: 20px;border-radius: 5px;border: none;
}
QScrollBar::add-line:vertical {border: 0px solid grey;background: #32CC99;height: 0px;subcontrol-position: bottom;subcontrol-origin: margin;
}
QScrollBar::sub-line:vertical {border: 0px solid grey;background: #32CC99;height: 0px;subcontrol-position: top;subcontrol-origin: margin;
}
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {background: none;width: 0px;height: 0px;
}
QPushButton#playListTitleButton, #openListButton,#createPLayListButton {border: none;
}
QPushButton#playListTitleButton {text-align : left;color: #696969;font-family: "Microsoft Yahei";font-size: 9pt;background-color: #f5f5f7;
}

QPushButton

红色悬停样式表1
/* Red Button */
QPushButton#RedButton {border-radius: 8px;color: white;padding: 16px 32px;text-align: center;text-decoration: none;font-size: 16px;margin: 4px 2px;background-color: white;color: black;border: 2px solid #f44336;
}QPushButton#RedButton:hover {background-color: #f44336;color: white;
}QPushButton#RedButton:pressed {background-color: #06AD56;
}红色悬停样式表2
/* Red Button 2 */
QPushButton#RedButton2 {background-color: #f44336;border-radius: 8px;padding: 16px 32px;text-align: center;text-decoration: none;font-size: 16px;margin: 4px 2px;color: white;
}QPushButton#RedButton2:hover {background-color: white;border: 2px solid #f44336;color: black
}QPushButton#RedButton2:pressed {background-color: #06AD56;
}

QCheckBox

QCheckBox{color:#414347;
}
QCheckBox::indicator {width:16px;height:16px;border:1px solid #000000;
}
QCheckBox::indicator:disabled {width:16px;height:16px;border:1px solid #808080;
}
QCheckBox::indicator:checked {image:url(:/image/unchecked.png);
}QCheckBox::indicator:checked:disabled{image:url(:/image/unchecked-dis.png);
}

QProgressbar

QProgressBar{font:9pt;border-radius:5px;text-align:center;border:1px solid #E8EDF2;background-color: rgb(255, 255, 255);border-color: rgb(180, 180, 180);
}
QProgressBar:chunk{border-radius:5px;background-color:#1ABC9C;
}

Qt QSS常用样式总结相关推荐

Qt QSS QSlider样式
本文章主要学习QSlider样式准备下面几张背景图片: 调小图标 .调大图标 .QSlider位置图标 QSlider划过的背景图标 .QSlider未划过的背景图标最终效果图自己创建一 ...
Qt样式表之二：QSS语法及常用样式
一.简述 Qt样式表(以下统称QSS)的术语和语法规则几乎和CSS相同.如果你熟悉CSS,可以快速浏览以下内容.不熟悉的话可以先去W3School - CSS或者本人的CSS博客随笔简单了解一下. 在 ...
Qt控件样式之QSS
QSS常用于Qt的控件样式美化,合理地使用Qss可以完成在不改动代码的情况下改变Qt界面的样式. 官方提供的例子: http://qt-project.org/doc/qt-4.8/styleshee ...
Qt QSS基础知识学习
1.QSS介绍 QSS是Qt程序界面中用来设置控件的背景图片.大小.字体颜色.字体类型.按钮状态变化等属性,用于美化UI界面.实现界面和程序的分离,快速切换皮肤. QSS最大的优点就是简单便捷,可以快 ...
前端之css引入方式/长度及颜色单位/常用样式
1.css三种引入方式 <!DOCTYPE html><html><head> <meta charset="UTF-8"> < ...
css文字向右对齐_web前端入门到实战：css常用样式对文本的处理演练
CSS文本属性可定义文本的外观,这是毫无疑问的,其次css可以通过以下属性改变文字的排版,比方说letter-spacing实现字符间距text-indent: 2em;完成首行缩进2字符word-s ...
CSS常用样式及示例
CSS常用样式及示例一.简介层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
QT：常用函数详解--常用操作记录（个人笔记）
QT:常用函数详解(个人笔记) PS:一下内容个人笔记,要求自己看懂,随笔,阅读体验会很差很差! Qt setContentsMargins()函数函数原型:void QLayout::setCon ...
html常用样式margin、border怎么使用
html常用样式margin.border怎么使用一.总结一句话总结:1.margin:auto配合width才能居中:2.border的三个属性依次是边框宽度,边框样式,边框颜色 1.html中 ...

Qt QSS常用样式总结

QTabWidget

QSlider

QTableView

QListWidget / QListView

QPushButton

QCheckBox

QProgressbar

Qt QSS常用样式总结相关推荐

最新文章

热门文章