CSS登錄頁(yè)是創(chuàng)建網(wǎng)站時(shí)不可或缺的一部分,讓用戶(hù)能夠安全地登錄并獲得訪問(wèn)權(quán)限。
/* CSS樣式 */ body { background-color: #1A1A1A; color: white; font-family: Arial, sans-serif; } h1 { font-size: 2.5em; text-align: center; margin-top: 50px; } form { display: flex; flex-direction: column; align-items: center; margin-top: 50px; } label { font-size: 1.2em; margin-bottom: 10px; } input { padding: 10px; font-size: 1.2em; border: none; border-radius: 5px; margin-bottom: 20px; } button { padding: 10px; font-size: 1.2em; border: none; border-radius: 5px; background-color: #008CBA; color: white; } button:hover { cursor: pointer; background-color: #00688B; }
這個(gè)登錄頁(yè)面使用灰色背景搭配白色文本,使頁(yè)面看起來(lái)簡(jiǎn)潔而具有實(shí)際。用戶(hù)可以在表格中輸入其憑據(jù),表格包括一對(duì)標(biāo)簽和輸入框。最后,登錄按鈕位于頁(yè)面底部。
Login Page Login
如您所見(jiàn),這個(gè)登錄頁(yè)面只使用最簡(jiǎn)單的HTML和CSS來(lái)創(chuàng)建。當(dāng)用戶(hù)打開(kāi)頁(yè)面時(shí),他們看到一個(gè)簡(jiǎn)單的登錄表格。由于使用了CSS,該表格在各種設(shè)備上都具有美感。