QT QSS样式表心得



//默认为底白
#m_pPlaybackBtn
{
    color:rgb(0,0,0);
    background-color:White;
    border:1px solid rgb(255,255,255);
   
}
//选中为带黑色边框
#m_pPlaybackBtn:hover{  
border:1px solid rgb(0,0,0); 
}

//在控件上，从左偏移5个像素写字
{
padding:5px;
}

//边框图片处理
border-image: url(:/mydialog/theme/qq/s_a1.png) 10 9 8 7;
右边 4个数字分别以空格分开，意思将图片进行剪裁再填充，如果后面不带4个10，默认以图片进行平铺，带4个10，意思是将图片上面剪裁10个像素，再将左边剪裁9个像素
注意如果是负数，那就是向外扩张9个像素，然后下面剪裁8个像素，右边剪裁7个像素。

border-width:50px 40px 30px 20px;
意思是边框下面空50像素，左边空40，上面空30，右边空20像素。

//绘制圆角
#widget
{
 border-top-left-radius:10px;
 border-top-right-radius:10px;
 background-color: rgb(1, 159, 149);
 border:2px solid rgb(1, 159, 149);
}

#m_pBtnOutputBack
{
 border:transparent;
 border-image: url(:/iVMS4200/Alarm/Images/Alarm/back_normal.png) 0 -380 0 0;
    border-width: 3px -80px 3px 10px
}

#m_pBtnOutputBack:hover
{
 border:transparent;
    border-image: url(:/iVMS4200/Alarm/Images/Alarm/back_hoversel.png)  0 -380 0 0;
    border-width: 3px -80px 3px 10px
}