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

。
。
。
。
。

PyQt5 按钮QSS美化集相关推荐

PyQt5随笔：对PyQt5 的右键菜单进行简单的QSS美化
1.前言一般直接用PyQt5做出来的界面是不美观的,我们可以利用QSS对其进行美化,现在我对右键菜单进行简单的美化,以练习QSS美化的一些知识. 关于PyQt5的右键菜单可以看一下这篇文章:http ...
pyqt5 qss美化界面
前言 pyqt5qss美化一直都是一个问题,怎么简单的使用pyqt5 qss美化呢? 一.创建引入qss的函数类 class CommonHelper:def __init__(self):pass@ ...
pyqt5按钮拖拽，实现拖拽新增和拖拽移动
pyqt5按钮拖拽,实现拖拽新增和拖拽移动按钮默认不能拖动,需要重新按钮类,我们的需求是按钮拖动复制和单纯的拖动,所以需要重写两个类按钮拖动复制 class MyPushButton(QPushB ...
使用QSS美化PyQt5界面，分享4套超赞皮肤和QSS专用编辑器！
QSS 全称 Qt Style Sheets(Qt样式表),用于美化Qt程序界面,类似于CSS,但不如CSS强大,选择器和属性较少. 本文主要介绍在PyQt5中使用QSS,但同样适用于C++ Qt,P ...
pyqt5 中QSS
QSS(Qt Style Sheets) Qt样式表就是前端的CSS 用于设置控件的样式 from PyQt5.QtWidgets import * import sys class BasicQS ...
八、pyqt5按钮类控件——QPushButton、QRadioButton、QCheckBox
pyqt5中常用的按钮类控件有QPushButton.QRadioButton.QCheckBox.QToolButton等.这些按钮类的基类都是QAbstracButton类.所以这些类有部分方法是 ...
python TCP服务器v1.8 - PyQt5登录界面美化+淡入淡出
TCP聊天服务器套接字v1.8 所有版本记录: v1.0 : TCP聊天服务器套接字|PyQt5+socket(TCP端口映射+端口放行)+logging+Thread(含日志,html)+anaco ...
利用PyQt5和QSS制作本地音乐播放器（初稿）
制作缘由本来我是通过活动白嫖了某云音乐的黑胶VIP的,当时我下了很多VIP才能听整首的歌.但是VIP过期后,这音乐就播放不了了,一方面是它VIP歌曲存储为.ncm文件,另一方面是我将这ncm文件解码 ...
PyQt5 按钮Buttons样式设计
效果截图: PyQt 模型设计: PyQt 设计器截图: *.ui 源码: <?xml version="1.0" encoding="UTF-8"?&g ...

PyQt5 按钮QSS美化集

PyQt5 按钮QSS美化集

盒子模型

1.美化-1

PyQt5 按钮QSS美化集相关推荐

最新文章

热门文章