CSS 是一種可用于美化網頁的語言。它可以通過對標記語言(如 HTML 或 XML)進行樣式化,來使網頁具有更好的外觀和交互效果。關于 CSS 的應用之一就是美化注冊界面。
/* CSS 代碼 */ form { margin: 0 auto; width: 400px; } h1 { text-align: center; font-size: 28px; margin-bottom: 30px; } label { font-size: 18px; display: inline-block; width: 200px; margin-bottom: 15px; } input[type="text"], input[type="password"] { font-size: 16px; padding: 7px 10px; border-radius: 5px; border: 1px solid #ccc; width: 250px; margin-bottom: 20px; } input[type="submit"] { background-color: #4CAF50; color: white; font-size: 16px; padding: 10px 20px; border-radius: 5px; border: none; } input[type="submit"]:hover { background-color: #45a049; }
以上就是一個簡單的示例:表單在屏幕居中,標題居中,標簽和輸入框之間有一定的距離,輸入框有邊框和圓角,提交按鈕有背景、邊框和位置改變的樣式。看起來,這個注冊頁面更專業,更易用。