為了使網站登錄頁面更加炫酷，我們可以使用HTML來設計它。下面是一份HTML代碼示例，可以幫助你制作一個充滿活力的登錄頁面：
<!-- HTML代碼開始 -->
<html>
<head>
<title>炫酷登錄頁面</title>
<style>
body {
background-image: url("background.png");
background-size: cover;
}
h1 {
color: #fff;
font-size: 3rem;
text-align: center;
}
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0,0,0,0.7);
border-radius: 20px;
padding: 20px;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 10px;
width: 100%;
margin-top: 20px;
transition-duration: 0.4s;
cursor: pointer;
}
button:hover {
background-color: #3e8e41;
}
</style>
</head>
<body>
<h1>歡迎來到炫酷登錄頁面！</h1>
<div class="box">
<h2>登錄頁面</h2>
<form action="#" method="post">
<label for="username">用戶名:</label><br>
<input type="text" id="username" name="username" placeholder="請輸入用戶名"><br><br>
<label for="password">密碼:</label><br>
<input type="password" id="password" name="password" placeholder="請輸入密碼"><br><br>
<button type="submit" value="Submit">登錄</button>
</form>
</div>
</body>
</html>
<!-- HTML代碼結束 -->以上代碼將創建一個使用深色背景和明亮的白色文字的登錄頁面，所有的表單控件都位于頁面中央，并且在 hover 時會呈現淡綠色。