登錄界面作為一個網站的重要入口,必須要有一個美觀且實用的CSS模板。下面是一個適用于登錄界面的CSS模板示例:
/* 設置全局字體及背景顏色 */ body { font-family: Arial, sans-serif; background-color: #f2f2f2; } /* 設置登錄框樣式 */ .login-box { padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); margin: 50px auto; width: 400px; } /* 設置輸入框樣式 */ .input-box { font-size: 16px; border-radius: 5px; padding: 12px; border: 1px solid #ccc; margin-bottom: 20px; width: 100%; } /* 設置登錄按鈕樣式 */ .login-btn { background-color: #4CAF50; color: #fff; padding: 12px 20px; border-radius: 5px; border: none; font-size: 16px; cursor: pointer; width: 100%; } /* 設置錯誤信息樣式 */ .error-msg { color: #ff0000; font-size: 14px; margin-bottom: 10px; }
該模板為登錄界面添加了基本樣式,包括整個登錄框、輸入框、登錄按鈕和錯誤信息的樣式定義。可以根據需要對各項樣式進行調整,以滿足不同的設計需求。
上一篇界面設計中css什么意思
下一篇百度搜索美化CSS