QSS 漂亮的进度条和菜单

QPushButton::hover{background-color:#91608D;}


QPushButton{background-color:#9A91B0;}


QCheckBox{
border-color: #c6c6c6;
background: #808080;
}


 QRadioButton{
    -webkit-appearance: none;
    background-color: #808080;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}


QProgressBar{
border: 2px solid grey;
border-radius: 5px;
}


QProgressBar::chunk{
background-color: #05B8CC; 
width: 20px;
}




/*QDockWidget{border-color: #c6c6c6; }*/


/*Qmenu Style Sheets*/
 QMenu {
     background-color: white; /* sets background of the menu 设置整个菜单区域的背景色,我用的是白色:white*/
     border: 1px solid white;/*整个菜单区域的边框粗细、样式、颜色*/
 }
  
QMenuBar::item{
    background-color: rgb(170, 255, 255);
    padding:8px 32px;/*设置菜单项文字上下和左右的内边距,效果就是菜单中的条目左右上下有了间隔*/
    margin:0px 8px;/*设置菜单项的外边距*/
    border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/
}


 QMenu::item {
     /* sets background of menu item. set this to something non-transparent
         if you want menu color and menu item color to be different */
     background-color: transparent;
     padding:8px 32px;/*设置菜单项文字上下和左右的内边距,效果就是菜单中的条目左右上下有了间隔*/
     margin:0px 8px;/*设置菜单项的外边距*/
     border-bottom:1px solid #DBDBDB;/*为菜单项之间添加横线间隔*/
 }
  
 QMenu::item:selected { /* when user selects item using mouse or keyboard */
     background-color: #2dabf9;/*这一句是设置菜单项鼠标经过选中的样式*/
 }


QDialog{background-color:black;}


/*QDockWidget{background-color:red;}*/


/*QDateTimeEdit{background-color:#C0C0C0;}*/


QComboBox{background-color:#9A91B0;}


QDateTimeEdit{background-color:#9A91B0;}


QComboBox::down-arrow:pressed{background-color:#91608D}


QComboBox QAbstractItemView{background-color:rgb(188,199,216)}/*rgb(58,73,104)*/


QLabel{color:black;}


QLabel{background-color:#808080;}


QAction{background-color:#808080;}


/*QGroupBox {
    border-width:1px;   //线的粗细
   border-style:solid;
  border-color:red;   //颜色,
  margin-top: 0.5ex;  //文字在方框中位置的偏离度
}
QGroupBox::title {
     subcontrol-origin: margin;
     subcontrol-position: top left;
   left:25px;       //线的偏离度
     margin-left: 0px;
     padding:0px;   //文字在方框中位置的偏离度
}*/


QGroupBox {
     /*background-color:#C0C0C0;*/
     border: 1px solid rgb(81,121,176);
     margin-top:4px; 
     color:rgb(255,255,255);
}


QGroupBox::title { 
     subcontrol-origin: margin; 
}


QLabel#label_2{background-color:#808080;}


QLabel#label_3{background-color:#808080;}


QLabel#label_4{background-color:#808080;}*/


QHeaderView::section{background-color:rgb(58,73,104);color:white;font:10pt '新宋体'}


QTableWidget{selection-background-color:rgb(0,156,225);background-color: rgb(255, 255, 255);}


QAbstractScrollArea {background-color:#808080;}







  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
QSS漂亮的10款界面很多,以下是其中一些: 1. macOS风格:这种风格以苹果MacOS为蓝本,使用简洁的设计语言,图标和按钮具有圆润的形状,整体仿佛一个优雅高端的作品。 2. 渐变色的风格:这种风格通过引入渐变色,用不同的颜色和透明度增加图层的层次感,注重颜色的搭配和层次的分明。 3. 扁平化设计:这种风格强调简洁和现代感,通过使用简单的图形和颜色,强调排版和页面的层次结构。 4. 暗色系风格:这种风格以暗色为主,风格大气沉稳,使用大量的暗色背景和对比鲜明的色彩,使得整个界面看上去奢华而高端。 5. 透明风格:这种风格的设计以透明效果为特点,通过使用透明材质,增加视觉空间感,并使整个界面看上去更加轻盈。 6. 3D浮雕风格:这种风格的特点是让界面看起来像是三维立体的,同时使用浮雕效果来增强图形的饱满度和立体感。 7. 手绘风格:这种风格的特点是手绘或卡通的元素,注重颜色的搭配和色彩的协调,使得整个界面看上去很有趣和玩味性。 8. 瓷砖式风格:这种风格的特点是界面元素排列成瓷砖格子状,注重图像和文本的间距和排列顺序,同时有统一的图标和按钮表现形式,看上去很规整整洁。 9. 沉浸式风格:这种风格让用户完全融入到产品的世界中,通过多种交互形式,使用户感受到与产品的互动性和更加直观的体验。 10. 自然风格:这种风格将自然元素作为主要设计元素,如木质、石材、植物等,注重自然美和纯净度,整个界面看上去非常自然和和谐。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值