登陸和注冊按鈕是網站最常用的兩個頁面元素,它們的外觀很重要,因為它們直接影響著用戶的使用體驗。下面是關于登陸和注冊按鈕的CSS樣式。
/* 登陸按鈕樣式 */ .login-btn { background-color: #007BFF; color: #FFF; padding: 8px 16px; border-radius: 4px; border: none; font-size: 16px; cursor: pointer; } .login-btn:hover { opacity: 0.8; } /* 注冊按鈕樣式 */ .register-btn { background-color: #FFF; color: #007BFF; padding: 8px 16px; border-radius: 4px; border: 2px solid #007BFF; font-size: 16px; cursor: pointer; } .register-btn:hover { background-color: #007BFF; color: #FFF; border: 2px solid #FFF; }
登陸按鈕的顏色是藍色,并且用白色文本顯示。邊框被設置成無色,并且使用了一些圓角。鼠標指向按鈕時,按鈕將變成不透明度0.8,以增強用戶反饋。注冊按鈕的顏色是白色,使用藍色文本和藍色邊框。它也被設置成圓角和一個稍微厚一些的邊框。當鼠標懸停在按鈕上時,按鈕的背景將變成藍色,文本顏色將變成白色,邊框將消失。
上一篇css圖片向下代碼
下一篇mysql中重命名用戶名