CSS彈出QQ登錄界面是一種常見的網站設計方式，可以方便用戶登錄賬戶，以下是一份實現該效果的CSS代碼：

/* 遮罩層 */
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 100;
}
/* 登錄框 */
.login-box {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
z-index: 101;
}
/* 登錄框標題 */
.login-box h3 {
text-align: center;
font-size: 20px;
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #ccc;
}
/* 表單 */
.login-box form {
padding: 20px;
}
/* 表單輸入框 */
.login-box input[type="text"],
.login-box input[type="password"] {
display: block;
width: 100%;
padding: 10px;
margin: 10px 0;
border-radius: 5px;
border: 1px solid #ccc;
}
/* 登錄按鈕 */
.login-box input[type="submit"] {
display: block;
width: 100%;
padding: 10px;
margin-top: 20px;
background: #ff6700;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}

該代碼首先是創建一個遮罩層，通過rgba設置背景色的透明度，使其半透明，遮擋下面的內容。接著是登錄框的樣式設置，通過定位和transform將其居中顯示，設置了背景色和圓角邊框，并添加了陰影效果。登錄框標題樣式設置，包括文字居中、邊框線和內邊距設置。表單和表單輸入框的樣式設置以及登錄按鈕的樣式設置。