一號店是國內(nèi)知名的電商網(wǎng)站之一,其登錄界面的設(shè)計簡潔明了,代碼也不復(fù)雜。以下是一號店登錄界面CSS代碼:
/* 登錄表單樣式 */ .login-form { width: 300px; margin: 0 auto; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 20px; } .login-form h2{ font-size: 24px; text-align: center; margin-bottom: 30px; } .login-form input[type="text"], .login-form input[type="password"] { display: block; width: 100%; margin-bottom: 15px; border: 1px solid #CCCCCC; padding: 10px; } .login-form input[type="submit"] { width: 100%; background-color: #FF8000; color: #FFFFFF; border: none; padding: 10px; cursor: pointer; } .login-form .error-msg{ color: #FF0000; margin-bottom: 15px; }
代碼中,首先定義了登錄表單的整體樣式,包括寬度、背景顏色、邊框樣式和內(nèi)邊距。接著定義了表單標(biāo)題的樣式,包括字號、對齊方式和下邊距。
接下來,根據(jù)表單中輸入框的類型,分別定義了文本框和密碼框的樣式,包括寬度、下邊距、邊框樣式和內(nèi)邊距。
最后定義了提交按鈕的樣式,包括寬度、背景顏色、字體顏色、邊框樣式和內(nèi)邊距。同時,也定義了錯誤提示信息的樣式,包括顏色和下邊距。
以上就是一號店登錄界面的CSS代碼,簡單明了,易于閱讀和修改。