好看的QSS推荐
时间: 2023-09-03 22:13:12 浏览: 48
QSS是QT的样式表语言,可以用于改变QT应用程序的外观和风格。以下是一些好看的QSS样式,供您参考:
1. FlatUI风格QSS样式:该样式基于FlatUI设计,具有简洁明了的外观,可以用于各种类型的QT应用程序。
```qss
/* FlatUI风格QSS样式 */
QWidget {
background-color: #ecf0f1;
}
QLineEdit {
background-color: #ffffff;
color: #2c3e50;
border: 2px solid #bdc3c7;
border-radius: 4px;
padding: 2px 4px;
}
QPushButton {
background-color: #3498db;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 4px 8px;
}
QPushButton:hover {
background-color: #2980b9;
}
```
2. Fusion风格QSS样式:该样式基于QT的Fusion样式,具有现代感和简洁的外观,适用于专业的应用程序。
```qss
/* Fusion风格QSS样式 */
QComboBox {
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
padding: 2px 4px;
}
QComboBox::drop-down {
subcontrol-origin: padding;
subcontrol-position: top right;
width: 20px;
border-left-width: 1px;
border-left-color: #cccccc;
border-left-style: solid;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
QComboBox::down-arrow {
image: url(:/icons/down_arrow.png);
}
```
3. Material Design风格QSS样式:该样式基于Google Material Design设计,具有现代感和简洁的外观,适用于各种类型的应用程序。
```qss
/* Material Design风格QSS样式 */
QLineEdit {
background-color: #ffffff;
color: #2c3e50;
border: none;
border-bottom: 2px solid #3498db;
padding: 2px 4px;
}
QLineEdit:focus {
border-bottom-color: #2980b9;
}
QPushButton {
background-color: #3498db;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 4px 8px;
}
QPushButton:hover {
background-color: #2980b9;
}
```
以上是一些好看的QSS样式,您可以根据自己的需求和喜好进行选择和修改。