最近使用美團(tuán)點(diǎn)餐登錄頁(yè)面，發(fā)現(xiàn)其CSS樣式確實(shí)做得非常精美。

.login-page {
background: rgba(0, 0, 0, 0.05);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.login-box {
width: 380px;
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
padding: 40px;
box-sizing: border-box;
}
.login-box-title {
font-size: 28px;
color: #333;
text-align: center;
margin-bottom: 40px;
}
.login-box-form {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}

上述代碼展示了美團(tuán)登錄頁(yè)面最外層的容器為.login-page，其中使用背景色為灰色透明度的背景，使網(wǎng)頁(yè)更具層次感。其內(nèi)部容器.login-box則是登錄框的主要容器，包含了登錄框的頭部、表單、按鈕等元素。

其中，登錄框頭部使用了.login-box-title樣式，字號(hào)為28px，文字顏色為黑色，使登錄框更加醒目。表單部分則使用了.login-box-form，采用了flex布局，使輸入框和按鈕自動(dòng)調(diào)整大小和位置，且輸入框下面的提示信息能夠自動(dòng)跟隨輸入框進(jìn)行位置上的調(diào)整。

總體來(lái)說(shuō)，美團(tuán)的登錄頁(yè)面CSS樣式確實(shí)做得非常的考究，能夠讓用戶(hù)在使用時(shí)感到非常的舒適和美觀。