在網頁設計中，表格是很常見的一種元素，而表單則可以讓用戶輸入數據并提交到服務器。而如何設計美觀、易用的表格和表單樣式，是一個必須掌握的技能。本文將介紹一些常見的表單和表格的樣式設計。

一、表單樣式設計

form{
background-color: #F8F8FF;
padding: 15px;
border: 1px solid #E6E6FA;
border-radius: 8px;
font-size: 16px;
width: 400px;
margin: 0 auto;
}
input,textarea{
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
font-size: 16px;
background-color: #f5f5f5;
}
button{
background-color: #3366cc;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
}

這是一個簡單的表單樣式設計，將表單的背景色設置為淡灰色，添加圓角邊框，輸入框的邊框、填充和圓角樣式。提交按鈕的樣式是另外一種顏色，更加醒目。

二、表格樣式設計

table{
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
table th, table td{
border: 1px solid #ddd;
padding: 5px;
text-align: center;
}
table th{
background-color: #f5f5f5;
font-weight: bold;
}
table tr:nth-child(even){
background-color: #fafafa;
}
table tr:hover{
background-color: #eff3ff;
}

這是一個簡單的表格樣式設計，設置了表格的邊框、填充和對齊方式。表頭使用淡灰色背景，內容行隔行使用不同顏色，鼠標移動到表格上方時，行背景色更加淡藍色。

以上是一些常見的表格和表單的樣式設計，只是一些起點，您可以按照需求、定制自己的風格