CSS簡單注冊界面代碼

/* HTML代碼 */
<div class="container">
<form class="form">
<label for="firstname">姓氏:</label>
<input type="text" id="firstname" name="firstname">
<label for="lastname">名字:</label>
<input type="text" id="lastname" name="lastname">
<label for="email">電子郵件:</label>
<input type="email" id="email" name="email">
<label for="password">密碼:</label>
<input type="password" id="password" name="password">
<input type="submit" value="注冊">
</form>
</div>
/* CSS代碼 */
.container {
width: 400px;
margin: 0 auto;
}
.form {
display: flex;
flex-direction: column;
}
label {
margin: 10px 0;
}
input[type="text"],
input[type="email"],
input[type="password"] {
padding: 10px;
border: none;
border-radius: 5px;
margin-bottom: 20px;
}
input[type="submit"] {
background-color: #039be5;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
}

以上是一個簡單的CSS注冊界面代碼，使用了Flex布局進行排版，充分利用各種CSS屬性對表單進行特效的美化。您可以根據項目的需要進行修改和適配，希望對您的工作有所幫助。