首先，我們需要在HTML中添加一個表單元素，例如：

```html

<form>

<label for="username">用戶名：</label>

<input type="text" id="username" name="username" required>

<button type="submit">提交</button>

</form>

在上面的代碼中，我們使用了`<form>`元素來創(chuàng)建表單，并使用`<label>`和`<input>`元素來定義表單中的用戶名輸入框和輸入框的樣式。`<label>`元素用于顯示表單中的名稱，`<input>`元素用于顯示輸入框中的內(nèi)容。我們還使用了`required`屬性來告訴瀏覽器輸入框是必填的。最后，我們添加了一個`<button>`元素，用于提交表單。

接下來，我們可以使用CSS來設(shè)置表單元素的樣式。對于文本輸入框，我們可以使用以下樣式：

```css

input[type="text"], label[for="username"] {

width: 200px;

padding: 10px;

margin-bottom: 20px;

border: 1px solid #ccc;

border-radius: 5px;

在上面的代碼中，我們使用了CSS的`width`屬性來設(shè)置輸入框的寬度，`padding`和`margin`屬性來設(shè)置輸入框的樣式，`border`屬性來設(shè)置輸入框的邊框和radius屬性，`border-radius`屬性來設(shè)置輸入框的圓角。我們還使用了`#ccc`背景色來填充輸入框的背景。

對于提交按鈕，我們可以使用以下樣式：

```css

button[type="submit"] {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

在上面的代碼中，我們使用了CSS的`background-color`屬性來設(shè)置提交按鈕的背景色，`color`屬性來設(shè)置按鈕的樣式，`padding`和`border`屬性來設(shè)置按鈕的樣式。我們還使用了`border-radius`屬性來設(shè)置按鈕的圓角，`cursor`屬性來設(shè)置按鈕的指向性。