HTML和CSS注冊頁面代碼 使用HTML和CSS可以創建漂亮的注冊頁面，下面是一個示例：

<!-- HTML代碼 -->
<form action="submit.php" method="post">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username" required><br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password" required><br>
<label for="confirm_password">確認密碼:</label>
<input type="password" id="confirm_password" name="confirm_password" required><br>
<input type="submit" value="注冊">
</form>
<!-- CSS代碼 -->
form {
width: 50%;  /* 設置表單寬度 */
margin: auto;  /* 居中 */
padding: 20px;  /* 設置內邊距 */
background-color: #f2f2f2;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  /* 添加陰影效果 */
}
label {
display: block;  /* 把標簽設為塊級元素 */
font-weight: bold;
margin-bottom: 10px;
}
input[type="text"],
input[type="password"] {
width: 100%;
padding: 12px;
margin-bottom: 20px;
border: none;
border-radius: 3px;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 3px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
pre {
background-color: #eee;
padding: 10px;
}

上面的代碼包括HTML和CSS兩部分，HTML部分包括一個表單，包含用戶名、密碼和確認密碼三個字段和一個提交按鈕。CSS部分設置了表單的樣式，包括寬度、邊距、背景色、圓角以及陰影效果等。 以上就是一個簡單的HTML和CSS注冊頁面代碼例子，大家可以自己嘗試使用！