電腦端登錄頁面css格式的設計非常重要，因為好的css格式能夠增加用戶的體驗和品牌的印象。以下是一些常見的電腦端登錄頁面css格式設計。

/* 整個登錄頁面的樣式 */
.login-page {
display: flex;  /* 將頁面內容垂直居中 */
align-items: center;  /* 將頁面內容水平居中 */
}
/* 登錄框的樣式 */
.login-box {
width: 400px; /* 登錄框的寬度 */
margin: auto; /* 將登錄框居中 */
border: 1px solid #eee; /* 邊框樣式 */
padding: 30px; /* 內邊距 */
border-radius: 5px; /* 邊框圓角 */
background-color: #fff; /* 背景色 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 陰影樣式 */
}
/* 登錄框標題的樣式 */
.login-box h2 {
text-align: center; /* 水平居中 */
font-size: 28px; /* 字體大小 */
font-weight: 600; /* 字體粗細 */
margin-bottom: 30px; /* 底部邊距 */
}
/* 輸入框的樣式 */
.login-box form input {
width: 100%; /* 輸入框寬度 */
height: 40px; /* 輸入框高度 */
border: 1px solid #eee; /* 邊框樣式 */
padding: 10px; /* 內邊距 */
margin-bottom: 20px; /* 底部邊距 */
}
/* 登錄按鈕的樣式 */
.login-box form button {
width: 100%; /* 按鈕寬度 */
height: 40px; /* 按鈕高度 */
background-color: #009688; /* 背景色 */
color: #fff; /* 字體顏色 */
border: none; /* 取消邊框 */
cursor: pointer; /* 鼠標指針形狀 */
}
/* 鏈接的樣式 */
.login-box a {
color: #009688; /* 字體顏色 */
}