Qt界面样式表:仿TIM登陆界面

Qt界面样式表:仿TIM登陆界面_第1张图片
TIM登陆界面背景为3D,此处不做该项考虑,只截为普通图片

*{font-family:cursive,sans-serif;}
QWidget
{
	border-radius:5px;
}
/*用户框*/
QLineEdit#le_name
{
    background:white;
    padding-left:5px ;
    padding-top:1px ;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border: 1px solid rgb(209 , 209 , 209);
    border-top:transparent;
}
QLineEdit#le_name:hover
{
    padding-top:0px ;
    border: 1px solid rgb(21 , 131 , 221);
}
/*密码框*/
QLineEdit#le_key
{
    background:white;
    padding-left:5px ;
    padding-top:1px ;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    border: 1px solid rgb(209 , 209 , 209);
    border-top:transparent;
}
QLineEdit#le_key:hover
{
    padding-top:0px ;
    border: 1px solid rgb(21 , 131 , 221);
}
/*注册账号*/
QPushButton#pb_registAccount
{
    color:rgb(38 , 133 , 227);
    background-color:transparent;
}

QPushButton#pb_registAccount:hover
{
    color:rgb(97 , 179 , 246);
}

QPushButton#pb_registAccount:pressed
{
    color:rgb(0 , 109 , 176);
}

/*忘记密码*/
QPushButton#pb_forgetPassword
{
    color:rgb(38 , 133 , 227);
    background-color:transparent;
}

QPushButton#pb_forgetPassword:hover
{
    color:rgb(97 , 179 , 246);
}

QPushButton#pb_forgetPassword:pressed
{
    color:rgb(0 , 109 , 176);
}
/*登陆按钮*/
QPushButton#pb_log_in
{
    color:white;
    background-color:rgb(14 , 150 , 254);
    border-radius:5px;
}

QPushButton#pb_log_in:hover
{
    color:white;
    background-color:rgb(44 , 137 , 255);
}

QPushButton#pb_log_in:pressed
{
    color:white;
    background-color:rgb(14 , 135 , 228);
    padding-left:3px;
    padding-top:3px;
}
/*取消按钮*/
QPushButton#pb_cancel
{
    color:white;
    background-color:rgb(14 , 150 , 254);
    border-radius:5px;
}

QPushButton#pb_cancel:hover
{
    color:white;
    background-color:rgb(44 , 137 , 255);
}

QPushButton#pb_cancel:pressed
{
    color:white;
    background-color:rgb(14 , 135 , 228);
    padding-left:3px;
    padding-top:3px;
}
QLabel#label_2#label_3
{
    border-radius:4px;
}
QLabel#label
{
	border-image: url(:/Resources/LoginWindow/main.png);
	border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
	color:rgb(255, 255, 255);
}

上半部分背景图如下:
Qt界面样式表:仿TIM登陆界面_第2张图片

你可能感兴趣的:(QT)