京東登陸首頁是一個(gè)經(jīng)典的界面，下面我們用 CSS 實(shí)現(xiàn)一下這個(gè)界面。

/* 設(shè)置網(wǎng)頁的背景顏色 */
body {
background-color: #F5F5F5;
}
/* 設(shè)置登陸頁面的寬度和高度 */
#login-page {
width: 400px;
height: 400px;
padding: 20px;
margin: 50px auto;
background-color: #FFFFFF;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
/* 設(shè)置登陸框 */
#login-box {
border: 1px solid #CCCCCC;
padding: 20px;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
/* 設(shè)置登陸框內(nèi)部元素 */
#login-box h2 {
font-size: 24px;
font-weight: bold;
margin: 0 0 20px 0;
}
#login-form label {
display: block;
margin-bottom: 10px;
}
#login-form input[type="text"], #login-form input[type="password"] {
width: 100%;
border: 1px solid #CCCCCC;
padding: 10px;
border-radius: 3px;
box-sizing: border-box;
font-size: 14px;
margin-bottom: 20px;
}
#login-form button {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 10px 20px;
border-radius: 3px;
font-size: 16px;
cursor: pointer;
}
#login-form button:hover {
background-color: #F5F5F5;
}
#register-link {
font-weight: bold;
margin-top: 20px;
}
#register-link a {
color: #0079EB;
text-decoration: none;
}
#register-link a:hover {
text-decoration: underline;
}

以上的 CSS 代碼實(shí)現(xiàn)了京東登陸首頁的 UI 界面，如果需要實(shí)現(xiàn)功能，還需要添加 JavaScript 代碼。