CSS是前端開發中不可或缺的一部分，通過CSS可以為我們的網頁添加各種各樣的樣式。下面將會詳細的介紹如何在CSS中制作一個注冊表。

首先，在HTML頁面中，我們需要使用表單（form）來獲取用戶輸入的信息，具體可以參考下面的代碼：

<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">電子郵件:</label>
<input type="email" id="email" name="email"><br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password"><br>
<button type="submit">提交</button>
</form>

以上代碼中，我們使用了label元素為每個輸入框添加了說明文字；使用了三個input元素，分別為文本輸入框（text）、電子郵件輸入框（email）和密碼輸入框（password）；使用了一個button元素來提交表單。

接下來，我們開始添加CSS樣式。首先，為了讓表單更加美觀，我們可以給表單添加一個border屬性，并設置圓角。代碼如下：

form {
border: 2px solid #ccc;
border-radius: 10px;
}

然后我們需要對表單內的元素進行樣式調整。如下代碼可以讓每個元素單行顯示：

form label,input,button {
display: block;
}

接下來，我們需要給不同的輸入框添加不同的樣式。如下代碼可以讓所有的輸入框寬度為100%：

input {
width: 100%;
}

緊接著，我們為每個輸入框添加不同的樣式。代碼如下：

input[type="text"],input[type="email"],input[type="password"] {
margin-bottom: 10px;
padding: 5px;
border: none;
background-color: #eee;
border-radius: 5px;
}

以上代碼中，我們給三個不同類型的輸入框添加了不同的樣式。如下所示：

• 文本輸入框：背景顏色為#eee，邊緣樣式為圓角矩形
• 郵件輸入框：與文本輸入框相同
• 密碼輸入框：與文本輸入框相同，不過不能顯示輸入內容

最后，我們可以為提交按鈕添加樣式：

button[type="submit"] {
background-color: #3385ff;
color: #fff;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}

到此為止，我們成功的使用了CSS來制作一個完整的注冊表！