CSS3是一種用于樣式表的編程語言,它在設(shè)計登錄界面時具有巨大的優(yōu)勢。下面是一個使用CSS3創(chuàng)建的登錄界面示例:
/* 基礎(chǔ)樣式 */ body { font-family: Arial, sans-serif; background-color: #f2f2f2; } .container { width: 400px; margin: 100px auto; background-color: #ffffff; padding: 40px; border-radius: 10px; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); } /* 輸入框樣式 */ input[type="text"], input[type="password"] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: none; border-bottom: 2px solid #ccc; } input[type="text"]:focus, input[type="password"]:focus { border-bottom: 2px solid #4CAF50; } /* 按鈕樣式 */ button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius: 10px; } button:hover { opacity: 0.8; } /* 鏈接樣式 */ a { color: dodgerblue; } a:hover { color: blue; } /* 其他樣式 */ .error { color: red; }
以上是創(chuàng)建登錄界面的CSS3代碼,變量可以修改以滿足您的設(shè)計需求。享受CSS3帶來的便利和靈活性,創(chuàng)造一個漂亮的登錄界面。