CSS是一種用于網頁布局和樣式設計的技術，它可以用于創建各種類型的網站和應用程序。下面是一些 CSS 的典型例題，可以幫助您更好地理解如何使用 CSS 來創建漂亮的網頁和界面。

例題1: 創建一個水平的導航欄

要創建一個水平的導航欄，可以使用 CSS 的 `nav` 類和 `ul` 標簽。下面是一個簡單的示例代碼：

```html

<nav>

<ul>

<li><a href="#">首頁</a></li>

<li><a href="#">分類</a></li>

<li><a href="#">資訊</a></li>

<li><a href="#">論壇</a></li>

</ul>

</nav>

在 CSS 中，可以使用 `background-color` 屬性來設置背景顏色，使用 `border` 屬性來設置邊框樣式，使用 `list-style-type` 屬性來設置列表項的樣式。

例題2: 創建一個垂直的表格

要創建一個垂直的表格，可以使用 CSS 的 `table` 類和 `tr` 和 `td` 標簽。下面是一個簡單的示例代碼：

```html

<table>

<tr>

<td>姓名：</td>

<td>張三</td>

</tr>

<tr>

<td>年齡：</td>

<td>20</td>

</tr>

<tr>

<td>地址：</td>

<td>北京市</td>

</tr>

</table>

在這個示例中，`table` 類定義了一個背景顏色，并覆蓋了整個表格。`tr` 和 `td` 標簽定義了每個表格項。`tr` 標簽中的 `td` 標簽定義了每個單元格，并使用了 `text-align` 和 `vertical-align` 屬性來設置單元格的垂直位置。

在 CSS 中，可以使用 `background-color` 屬性來設置背景顏色，使用 `border` 屬性來設置邊框樣式，使用 `text-align` 和 `vertical-align` 屬性來設置單元格的樣式。

例題3: 創建一個表格標題和單元格的背景顏色

要創建一個表格標題和單元格的背景顏色，可以使用 CSS 的 `th` 和 `td` 標簽。下面是一個簡單的示例代碼：

```html

<table>

<tr>

<th>姓名：</th>

<th>年齡：</th>

</tr>

<tr>

<td>張三</td>

<td>20</td>

</tr>

<tr>

<td>李四</td>

<td>18</td>

</tr>

</table>

在這個示例中，`th` 和 `td` 標簽定義了每個表格標題和單元格。`th` 標簽使用了 `background-color` 屬性來設置標題的背景顏色，并使用了 `border` 屬性來設置邊框樣式。`td` 標簽使用了 `background-color` 和 `border` 屬性來設置單元格的背景顏色和邊框樣式。

在 CSS 中，可以使用 `background-color` 和 `border` 屬性來設置表格標題和單元格的樣式。