
QSS
QSS教程
°﹏Struggle丶岚
以凡人之躯,比肩神明。
展开
-
17-QTabWidget
/********************************************QTabWidget*********************************************************//*标签栏*/QTabWidget::pane { /* The tab widget frame */ border-top: 2px solid #00C2C7CB; position: absolute; top: 10px; backgro原创 2021-02-10 14:44:53 · 101 阅读 · 0 评论 -
16-QSlider
/********************************************QSlider*********************************************************//*常规设置*/QSlider{background:transparent;}QSlider::groove:vertical{background:transparent;width:4px;border-radius:2px;}/*未划过的部分*/QSlider.原创 2021-02-02 21:24:31 · 94 阅读 · 0 评论 -
15-QLineEdit
QLineEdit { border:2px solid red; /* 外边框 */ border-radius: 10px; /* 倒角 */ padding: 10 8px; /* 内边框:上下和左右的距离*/ background: yellow; /* 背景色 */ selection-background-color:blue; /* 选中高亮背色 */ min-width:200px; min-height:40px;}/*获取焦点*/Q原创 2021-02-02 21:24:04 · 150 阅读 · 0 评论 -
13-QTreeWidget/QTreeView
QTreeView { background-color:qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #dadbde, stop: 1 #f6f7fa); alternate-background-color:yellow; show-decoration-selected:1; /*整行高亮显示*/}QTreeView::item { bor..原创 2021-02-02 21:23:37 · 580 阅读 · 0 评论 -
10-QGroupBox
/**************************************************groupBox*******************************************************//*常规状态*/QGroupBox{ background: transparent; /*透明背景*/ border: 1px solid #7a7a7a; /*边框宽度样式及颜色*/ color: #b1b1b1;原创 2021-02-02 21:22:27 · 492 阅读 · 0 评论 -
14-QDockWidget
/************************************************ QDockWidget ***************************************************/QDockWidget { border: 1px solid red; titlebar-close-icon: url(:/images/111.bmp); titlebar-normal-icon: url(:/images/close.png);}原创 2021-02-02 21:06:49 · 190 阅读 · 0 评论 -
12-QProgressBar
/*******************************************QProgressBar线*************************************************************//*常规状态*/QProgressBar{ background: #24272b; /*背景颜色*/ border: 0px solid #ff0000; /*边框宽度样式及颜色*/ border-radius: 4;原创 2021-02-02 21:05:40 · 138 阅读 · 0 评论 -
11-QSpinBox
/*******************************************QSpinBox*************************************************************//*常规状态*/QSpinBox{ background: #393c40; /*背景颜色*/ border: 2px solid #7a7a7a; /*边框宽度样式及颜色*/ color:#b1b1b1; /.原创 2021-02-02 21:07:37 · 600 阅读 · 0 评论 -
9-QTableWidget\QTableView
/******************************************QTableWidget\QTableView表格*********************************************************//*常规状态*/QTableView{ background: #3e4145; /*背景颜色*/ border: 1px solid #74787c; /*边框宽度样式及颜色*/ border-radius: 4原创 2021-02-01 22:34:22 · 342 阅读 · 0 评论 -
8-QScrollBar
// 垂直滚动条QScrollBar:vertical//水平滚动条QScrollBar:horizontal/***************************************************滚动条*********************************************************//*水平滚动条-槽*/QScrollBar:horizontal{ background: #2e3135; /*背景颜色*原创 2021-02-01 22:34:04 · 452 阅读 · 0 评论 -
7-QComboBox
/******************************************************comboBox下拉列表框*********************************************//*常规状态*/QComboBox{ background: #74787c; /*背景颜色*/ border: 2px solid #74787c; /*边框宽度样式及颜色*/ border-radius: 4; /*圆角原创 2021-02-01 22:33:51 · 126 阅读 · 0 评论 -
6-QRadioButton
/*****************************************************radioButton单选按钮*********************************************//*常规状态*/QRadioButton{ color: #b1b1b1; /*字体颜色*/ spacing: 2px; /*文本与指示器的间隔*/}/*选中*/QRadioButton:check原创 2021-02-01 22:33:37 · 157 阅读 · 0 评论 -
5-QCheckBox
/****************************************************checkBox复选按钮********************************************************//*常规状态*/QCheckBox{ color: #b1b1b1; /*字体颜色*/ spacing: 2px; /*文本与指示器的间隔*/}/*选中*/QCheckBox:chec原创 2021-02-01 22:33:23 · 540 阅读 · 0 评论 -
4-QToolBar
/**************************************************工具栏**********************************************************/QToolBar{ background: #3e4145; /*背景颜色*/ border: none; /*无边框*/ color:#b1b1b1; /*字体颜色*/}/*工具条分隔线*/QToolBar原创 2021-02-01 22:33:08 · 800 阅读 · 0 评论 -
3-QMenu
/*********************************************下拉菜单*************************************************************/QMenu{ background: #9ACD32; /*背景颜色*/ border: 1px solid #b1b1b1; /*边框宽度样式及颜色*/ color: #b1b1b1; /*字体颜色*/}/*下拉菜原创 2021-02-01 22:32:57 · 267 阅读 · 0 评论 -
2-QMenuBar
/**********************************************菜单栏**************************************************************/QMenuBar{ background: #3e4145; /*背景颜色*/ border: 0px solid #7a7a7a; /*边框宽度样式及颜色*/}/*菜单项*/QMenuBar::item{ backgro原创 2021-02-01 22:32:41 · 251 阅读 · 0 评论 -
1-QPushButton
/********************************************pushButton按钮************************************************//*常规状态*/QPushButton{ background: #74787c; /*背景颜色*/ opacity : 255; /*背景透明度:0-255 */ border - radius: 5; /*边框原创 2021-02-01 22:31:37 · 161 阅读 · 0 评论 -
qss样式概述
只支持css2样式CSS教程:https://www.runoob.com/css/css-tutorial.htmlQSS教程:https://doc.qt.io/qt-5/stylesheet-examples.html原创 2021-02-01 22:29:47 · 138 阅读 · 0 评论