標題：設置 div 和 CSS
在 Web 開發中，使用 div 和 CSS 可以創建各種類型的頁面布局，包括表格、表單、菜單、導航等。本文將介紹如何設置 div 和 CSS，以及如何使用它們來創建漂亮的網頁布局。
1. div 和 CSS 的基本概念
在 Web 開發中，使用 div 和 CSS 可以創建各種類型的頁面布局。div 是一種容器元素，用于容納其他元素，而 CSS 是一種樣式語言，用于定義元素的外觀和行為。
2. 設置 div 元素
要設置 div 元素，需要使用 div 元素的 HTML 標簽。例如，要創建一個名為“header”的 div 元素，可以在 HTML 代碼中寫下以下內容：
<header>
<h1>Myheader</h1>
</header>
在上面的代碼中，“header”是 div 元素的名稱，“h1”是 div 元素中的父元素，用于定義 div 元素中標題的內容。
3. 設置 div 元素的樣式
要設置 div 元素的樣式，可以使用 CSS 樣式語言。例如，要創建一個名為“header”的 div 元素，并為其添加文本顏色，可以在 CSS 代碼中寫下以下內容：
header {
background-color: #F00;
color: #fff;
在上面的代碼中，“header”是 div 元素的名稱，“background-color”是 div 元素的背景顏色，“color”是 div 元素的主題顏色。
4. 使用 div 和 CSS 創建布局
使用 div 和 CSS 可以創建各種類型的布局，包括表格、表單、菜單、導航等。例如，要創建一個表格，可以在 HTML 代碼中寫下以下內容：
<table>
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody>
<tr>
<td>張三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>女</td>
</tr>
</tbody>
</table>
在上面的代碼中，“table”是 div 元素的名稱，“thead”是 div 元素中的表頭，“tbody”是 div 元素中的表格，“tr”和“td”是 div 元素中的單元格。
5. 使用 div 和 CSS 優化布局
要優化 div 和 CSS 布局，可以使用 JavaScript 進行動態調整。例如，要調整表格行高，可以在 CSS 代碼中寫下以下內容：
table {
border-collapse: collapse;
width: 100%;
th, td {
padding: 8px;
text-align: left;
background-color: #F00;
color: #fff;
border: 1px solid #ccc;
在上面的代碼中，“table”是 div 元素的名稱，“th”是 div 元素中的表頭，“td”是 div 元素中的單元格。