CSS 簡(jiǎn)單登陸界面代碼如下:
/* 容器 */ .login { width: 400px; margin: 0 auto; background-color: #fff; padding: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } /* 輸入框及按鈕樣式 */ .login input[type="text"], .login input[type="password"] { display: block; width: 100%; padding: 10px; margin-bottom: 15px; border: none; border-bottom: solid 1px #ccc; outline: none; } .login button[type="submit"] { width: 100%; padding: 10px; background-color: #008CBA; color: #fff; border: none; cursor: pointer; outline: none; } /* 提示信息樣式 */ .login p { margin: 0; color: #999; font-size: 12px; text-align: center; }
以上代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的登錄界面,包括容器樣式、輸入框及按鈕樣式、提示信息樣式等。