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 字体来替代某些常用图标
。
。
。
。
。