PyQt5 按钮QSS美化集

PyQt5 按钮QSS美化集

---

盒子模型

每个控件矩形都由元素的内容(content)、内边距（padding）、边框（border）和外边距（margin)组成。

---

1.美化-1

【效果】

QSS代码

qss = '''
QPushButton#pushButton
{
font-family:"Webdings";
text-align:top;
background:#6DDF6D;border-radius:5px;
border:none;
font-size:13px;
}
QPushButton#pushButton:hover{background:green;}

QPushButton#pushButton_2
{
font-family:"Webdings";
background:#F7D674;border-radius:5px;
border:none;
font-size:13px;
}
QPushButton#pushButton_2:hover{background:yellow;}

QPushButton#pushButton_3
{
font-family:"Webdings";
background:#F76677;border-radius:5px;
border:none;
font-size:13px;
}
QPushButton#pushButton_3:hover{background:red;}

'''

font-family：设置字体

text-align：设置文本文字对齐方式

background:设置控件背景色

border:设置边界，none为无边界

font-size：字体大小

border-radius:设置四边圆角

hover：伪状态，设置鼠标悬浮在控件上方时变化

Webdings是特殊字体，想了解请看文章：PyQt5 使用 webdings,Wingdings 字体来替代某些常用图标

。
。
。
。
。