CSS3是一個非常強大的技術，它可以幫助我們創造出非常漂亮的注冊框。接下來，我將為大家介紹一下如何創建一個基于CSS3的注冊框

html代碼
<div class="registration-form">
<h1>注冊新賬號</h1>
<form>
<input type="text" placeholder="用戶名" required="" />
<input type="email" placeholder="郵箱" required="" />
<input type="password" placeholder="密碼" required="" />
<input type="password" placeholder="確認密碼" required="" />
<button type="submit">注冊</button>
</form>
</div>
CSS代碼
.registration-form {
background-color: #fff;
padding: 50px;
margin: 50px auto;
max-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 20px;
}
h1 {
text-align: center;
margin-bottom: 50px;
}
input[type="text"],
input[type="email"],
input[type="password"] {
width: 100%;
margin-bottom: 20px;
padding: 10px;
border: none;
border-bottom: 1px solid #ccc;
font-size: 16px;
}
button[type="submit"] {
display: block;
width: 100%;
padding: 10px;
border: none;
background-color: #007bff;
color: #fff;
font-size: 16px;
border-radius: 50px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #0069d9;
}

以上就是創建基于CSS3的注冊框的代碼，可以根據需求適當更改樣式。