CSS是一種用于web頁(yè)面樣式設(shè)計(jì)的語(yǔ)言。在移動(dòng)設(shè)備上,使用CSS可以快速設(shè)計(jì)出簡(jiǎn)潔美觀的頁(yè)面。今天我們將介紹CSS手機(jī)登錄頁(yè)面模板。此模板包含了一些元素,包括用戶名和密碼輸入框、登錄按鈕和注冊(cè)鏈接。
/* 設(shè)置頁(yè)面背景色 */ body { background-color: #F5F5F5; } /* 設(shè)置頁(yè)面標(biāo)題 */ h1 { text-align: center; font-size: 30px; margin-top: 50px; } /* 設(shè)置輸入框樣式 */ input[type="text"], input[type="password"] { width: 100%; margin: 20px 0px; padding: 10px; border: none; border-bottom: 1px solid #BFBFBF; outline: none; } /* 設(shè)置登錄按鈕樣式 */ button[type="submit"] { width: 100%; background-color: #0099CC; color: white; border: none; padding: 10px; font-size: 16px; margin-top: 30px; } /* 設(shè)置注冊(cè)鏈接樣式 */ a { text-decoration: none; color: #0099CC; font-size: 16px; margin-top: 20px; }
使用上述CSS代碼和HTML代碼,您可以快速創(chuàng)建一個(gè)具有現(xiàn)代感和魅力的手機(jī)登錄頁(yè)面。它可以方便地快速適應(yīng)不同的移動(dòng)設(shè)備屏幕大小。如果您想要更改顏色和大小等屬性,只需修改上述代碼即可。