在網頁開發中，表單是非常常見的組件。然而，通常表單的默認樣式并不能滿足美化界面的需求。因此，我們可以使用HTML和CSS來改變表單的樣式。下面是一個簡單的表單樣式代碼示例：

HTML代碼：

<form>
<label for="username">用戶名：</label>
<input type="text" id="username" name="username">
<br>
<label for="password">密碼：</label>
<input type="password" id="password" name="password">
<br>
<input type="submit" value="登錄">
</form>

CSS代碼：

form {
background-color: #F5F5F5; /* 表單背景色 */
padding: 20px;
border-radius: 10px; /* 邊框圓角 */
}
label {
display: inline-block; /* 讓label可以和input在同一行顯示 */
width: 80px; /* label寬度 */
text-align: right; /* label文字右對齊 */
margin-right: 10px; /* label和input之間的距離 */
}
input {
border: none; /* 去掉邊框 */
border-radius: 5px; /* 輸入框圓角 */
padding: 8px; /* 內部填充 */
margin-bottom: 10px; /* 輸入框之間的距離 */
}
input[type=submit] {
background-color: #5cb85c; /* 登錄按鈕背景色 */
color: white; /* 登錄按鈕文字顏色 */
cursor: pointer; /* 鼠標懸停時變為手型 */
}
input[type=submit]:hover {
background-color: #4cae4c; /* 鼠標懸停時的背景色 */
}

在以上代碼中，我們使用了一些CSS樣式來美化表單，如背景色、邊框圓角、文字對齊、輸入框圓角、間距等等，還有一個特殊的樣式是針對登錄按鈕的，通過:hover偽類來實現鼠標懸停時的效果。 通過以上示例，我們可以看到HTML和CSS都是很重要的網頁樣式語言，對于表單樣式定制前端的開發者需要掌握。