前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >圆形按钮样式

圆形按钮样式

作者头像
Qt君
发布于 2019-09-17 06:04:46
发布于 2019-09-17 06:04:46
2.1K00
代码可运行
举报
文章被收录于专栏:跟Qt君学编程跟Qt君学编程
运行总次数:0
代码可运行

大家中秋好。月饼圆,月亮圆,中秋团团圆圆。今天就分享些关于圆的东西(圆形按钮样式)。

主题效果

默认颜色

悬停颜色

按下颜色

红色

#f44336

#d5d5d5

#f2f2f2

蓝色

#008cba

#d5d5d5

#f2f2f2

绿色

#4caf50

#d5d5d5

#f2f2f2

灰色

#e7e7e7

#d5d5d5

#f2f2f2

黑色

#555555

#d5d5d5

#f2f2f2

红色圆形按钮样式示例

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制

QPushButton {
    min-width: 100px;
    max-width: 100px;
    max-height: 100px;
    min-height: 100px;
    border-radius: 50px;
    font-size: 15px;
    color: white;
    background: #f44336 ; /* 默认颜色 */
}

QPushButton:hover {
    font-size: 18px;
    color: white;
    background: #d5d5d5; /* 悬停颜色 */
}

QPushButton:pressed {
    background: #f2f2f2 /* 按下颜色 */
}

关于更多

  • 源码示例 https://github.com/aeagean/QSS.git
  • Qt君公众号后台回复"QSS"获取更多相关信息。
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-09-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
分享鼠标悬停按钮样式表
不多说直接上代码。 红色悬停样式表1 /* Red Button */ QPushButton#RedButton { border-radius: 8px; color: white
Qt君
2019/08/27
1.4K0
分享鼠标悬停按钮样式表
愚人节html
以下是一个简单的HTML代码,用于创建愚人节祝福语: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>愚人节快乐</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; padding: 16px; background-color: #f2f2f2; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); } h1 { font-size: 36px; line-height: 48px; color: white; text-align: center; letter-spacing: normal; }
腾龙
2023/03/22
3050
分享QListWidget水平滑动示例
本文介绍利用QListWidget和QSS样式表制作的一个水平滑动列表的示例。 实现 基于QListWidget实现 QListWidget *view = new QListWidget; 设置
Qt君
2019/08/29
3.7K0
分享QListWidget水平滑动示例
一篇文章带你了解CSS3按钮知识
在实际开发中,按钮的应用是必不可少。使用 CSS 来制作按钮,可以更有新意,更有趣,也可以自定义自己想要的样式。
前端皮皮
2020/11/26
1K0
一篇文章带你了解CSS3按钮知识
【金九银十】笔试通关 + 小学生都能学会的插入排序
插入排序的起源可以追溯到早期计算机科学的发展。它是一种古老且基本的排序算法,其基本思想可以追溯到手工排序的方法。最早的文献中并没有详细说明插入排序的发明者,但它在各种早期的计算机排序算法中被广泛使用。
不惑
2024/09/13
1170
【金九银十】笔试通关 + 小学生都能学会的插入排序
中秋佳节│以码为笔,绘合家团圆
临近中秋,叶秋学长决定弄个一家图案吃着月饼,赏着圆月,伴随着暖暖的祝福一字字打印出来,氛围感完美。设计好效果图,简单的一段JS代码实现中秋效果,再在主页加个定时器,中秋当天加载上这段JS,完美!
用户10216580
2022/12/06
3210
中秋佳节│以码为笔,绘合家团圆
初学Qt不会样式表怎么办,打包好的Qt样式表一键生成送给你。
       很多人应该和我一样,想做界面才接触的Qt,结果就是做不出来华丽的界面,想给控件上个色?不会,百度半天,好不容易给控件添加了背景色,下一个控件又不会了,别急,这次福利来了,我将平时用到的样式表做了一个总结,并做了一个一键生成,调节数据就可以实时显示,里面包括了Label,LineEdit,PushButton,CheckBox,RadioButton,ScrollBar,Slider,Progressbar,Tabwidget,ToolBox,TabWidget控件的自定义。代码很简单,就是重复写槽函数,但其对于新手的学习很有帮助,避免了盲目,大量的通过百度数据拼接样式表。一来方便学习,所以参数都写在左下角,方便了解到使用了什么生成了什么,二来不用重复造轮子,调节后,可直接将左下角生成的QSS代码复制到qt的样式表里面即可显示效果。可能有一些人会说这是一种偷懒,让人逐渐不想学习,只能说智者见智仁者见仁吧。
花狗Fdog
2020/10/28
5.1K0
初学Qt不会样式表怎么办,打包好的Qt样式表一键生成送给你。
【QT】QT界面的美容院 -- QSS
🔥 在网页前端开发领域中,CSS 是一个至关重要的部分,描述了一个网页的 “样式”,从而起到对网页 美化 的作用。
IsLand1314
2025/04/15
2690
【QT】QT界面的美容院 -- QSS
程序员如何过码农特色的中秋?
🐅 猫头虎博主在此,各位程序猿、程序媛们,中秋佳节即将到来,你们准备好技术大礼包了吗?在本文中,我们将介绍如何用编程技巧绘制出属于我们的中秋礼包,并结合前端技术、数据可视化和Python编程进行展示。帮助你的创意在网络上获得更多的曝光。🎁
猫头虎
2024/04/09
1130
程序员如何过码农特色的中秋?
Web前端基础(03)
本节所有的代码: https://download.csdn.net/download/qq_44273429/12729648 未完待续,,, 下一节链接: Web前端基础(04)
海拥
2021/08/23
5310
【404】你访问的页面需要关灯后查看!
今天在掘金首页刷到一篇文章,就是那种文字根据不同的色块显示不同的颜色,我想着能不能做一个探照灯似的 404 页面呢。毕竟也可以根据不同的白色光照来改变文字颜色的。
猿来是前端
2022/12/17
7370
【404】你访问的页面需要关灯后查看!
【CSS】599- 9个很棒的CSS边框技巧
如果您是前端开发人员,那么几乎每天都会使用CSS边框。我发现了一些可以在您的项目中使用的有用的技巧。
pingan8787
2020/05/26
2.3K0
Qt编写安防视频监控系统11-动态换肤
Qt中的动态换肤技术是非常一流的,直接调用qApp->setStyleSheet(qss);就可以对整个应用程序进行换肤,如果样式表内容不多,或者对应的贴图不对,效率还是蛮好的,不过据说有些人写了几千行的样式表,加载起来能够明显感觉卡顿,毕竟此时全部刷新加载重绘,是非常耗CPU的,这种情况就需要避免尽量统一样式表,能合并的就合并,当然,在性能比较好的电脑上,这个基本上遇不到的,也感觉不到的,好比现在的手机相比于十年前的手机,现在动不动都6GB内存了,比起以前256MB内存的时候,不知道爽了多少倍,软件上已经优化不了的事情,靠硬件升级到来的优化体验还是非常棒的。
feiyangqingyun
2019/08/21
1.3K0
Qt编写安防视频监控系统11-动态换肤
程序员如何绘制自己的中秋礼包?
大家好,我是猫头虎博主。随着中秋节的临近,不少程序员小伙伴都在期待着那一份厚重的中秋礼包。但为何不自己动手,为自己和家人设计一份独特的中秋礼包呢?在这篇博客中,我将结合编程技能,为大家展示如何通过代码来绘制和设计出别具一格的中秋礼包。同时,我们还将探讨如何利用现代化的编程工具和库,简化和优化设计过程。无论你是Python爱好者,还是前端工程师,都能在这里找到属于你的中秋节“黑科技”。这篇文章将是你中秋节的“神器”,帮助你在朋友圈和家人面前展现出程序员独有的魅力。记得收藏和分享哦!
猫头虎
2024/04/09
1830
程序员如何绘制自己的中秋礼包?
【学习笔记】CSS3
CSS3 说明 此笔记为本人学习遇见狂神说的教程学习笔记,侵删。 快速入门 html文件中 <!-- 规范,<style> 可以编写css的代码,每个声明,最好使用分号结尾 语法:(里面不能写html代码, 注释/**/) 选择器{ 声明1; 声明2; 声明3; } --> <style> h1{ color: red;
Livinfly
2022/10/26
6590
【Web前端】CSS 样式化表格
表格在网页设计中扮演了重要角色,尤其是在展示数据和信息时。尽管 HTML 表格提供了结构化的数据展示,但要使其看起来既美观又实用,CSS 样式化至关重要。
一条晒干的咸鱼
2024/11/19
1670
【Web前端】CSS 样式化表格
大一学生HTML5期末大作业——基于HTML+CSS制作传统节日美食13页(美食网站设计与实现)
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南: 【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作
IT司马青衫
2022/08/14
4380
大一学生HTML5期末大作业——基于HTML+CSS制作传统节日美食13页(美食网站设计与实现)
《手把手教你》系列技巧篇(三十一)-java+ selenium自动化测试- Actions的相关操作-番外篇(详解教程)
  上一篇中,宏哥说的宏哥在最后提到网站的反爬虫机制,那么宏哥在自己本地做一个网页,没有那个反爬虫的机制,谷歌浏览器是不是就可以验证成功了,宏哥就想验证一下自己想法,于是写了这一篇文章,另外也是相对前边做一个简单的总结分享给小伙伴们或者童鞋们。废话不多数,直接进入今天的主题。
北京-宏哥
2021/10/18
1.2K0
油猴脚本:快速打开粘贴的多个网址
你好,我是喵喵侠。今天我将为你介绍一个非常实用的油猴脚本,可以帮助你快速打开多个粘贴的网址链接。在日常工作中,我们可能会遇到需要批量打开多个网页的情况,如果手动逐个打开,不仅耗时费力,而且容易出错。为了提高效率,我们可以利用油猴脚本来自动化这一过程。
喵喵侠
2024/08/04
3960
油猴脚本:快速打开粘贴的多个网址
CSS 入门指南:轻松掌握网页布局与样式设计的艺术
CSS(Cascading Style Sheets,层叠样式表)是一种用于为HTML元素添加样式的语言。CSS决定了页面上元素的外观:颜色、字体、布局等。
方才编程_公众号同名
2024/09/24
2990
CSS 入门指南:轻松掌握网页布局与样式设计的艺术
推荐阅读
相关推荐
分享鼠标悬停按钮样式表
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验