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

}