在網(wǎng)頁開發(fā)中，登錄界面是非常常見的一個(gè)頁面，也是必須要設(shè)計(jì)的一個(gè)頁面。除了功能實(shí)現(xiàn)外，登錄頁面的css樣式也是非常關(guān)鍵的部分。下面是一個(gè)示例的登錄頁面css樣式。

/* 登錄窗口樣式 */
.login-box {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
width: 400px;
padding: 40px;
margin: auto;
margin-top: 80px;
text-align: center;
}
/* 輸入框樣式 */
.input-box {
margin-bottom: 20px;
}
.input-box input[type="text"],
.input-box input[type="password"] {
width: 100%;
padding: 10px;
border-radius: 5px;
border: none;
border-bottom: 2px solid #2196f3;
font-size: 16px;
color: #555;
outline: none;
}
/* 按鈕樣式 */
.btn {
background-color: #2196f3;
border: none;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-top: 20px;
}
.btn:hover {
background-color: #0c7cd5;
}
/* 標(biāo)題和小字體樣式 */
.title {
font-size: 24px;
margin-bottom: 30px;
}
.small-text {
font-size: 14px;
color: #999;
margin-top: 20px;
}

以上就是一個(gè)基本的登錄頁面的樣式代碼。在實(shí)際操作中，還需要根據(jù)需求進(jìn)行一定的修改和調(diào)整才能得到最理想的效果。