文本基線(text edge)是網頁設計中一個重要的概念，用于控制文本在不同瀏覽器和設備上的外觀。在 CSS 中，我們可以通過設置文本的邊框寬度和背景色來設置文本基線。下面我們將詳細介紹如何使用 CSS 設置文本基線。

## 1. 設置文本邊框寬度

通過設置文本的邊框寬度，我們可以控制文本的基線寬度。例如，我們可以將文本的邊框寬度設置為 100 像素，然后將文本的基線寬度設置為 2 像素，這樣文本就會在瀏覽器中呈現出基線寬度為 2 像素的外觀。

```css

text-edge-width: 2px;

## 2. 設置背景色

通過設置文本的背景色，我們可以控制文本的基線顏色。例如，我們可以將文本的背景色設置為白色，然后將文本的基線顏色設置為黑色，這樣文本就會在瀏覽器中呈現出基線顏色為黑色的外觀。

```css

background-color: #fff;

text-edge-color: #000;

## 3. 使用絕對定位

使用絕對定位，我們可以將文本放在父元素的絕對位置，并設置文本的基線寬度。例如，我們可以將文本放在父元素的頂部，并將文本的基線寬度設置為 2 像素。

```css

position: absolute;

text-edge-width: 2px;

## 4. 使用偽類

使用偽類，我們可以設置多個文本基線寬度和背景色。例如，我們可以使用 <style> 標簽和 <code> 標簽來設置多個文本基線寬度和背景色。

例如，我們可以使用 <style> 標簽和 <code> background-color: #fff; text-edge-width: 2px; </code> 標簽來設置文本的背景色和基線寬度。

例如，我們可以使用 <style> 標簽和 <code> text-edge-width: 1px; background-color: #ccc; </code> 標簽來設置文本的邊框寬度和基線顏色。

## 總結

通過使用 CSS 設置文本的邊框寬度和背景色，我們可以控制文本的基線寬度和顏色。同時，通過使用偽類，我們可以設置多個文本基線寬度和背景色。在實際應用中，我們可以根據不同的需求來靈活使用 CSS 設置文本基線的方法，以實現各種精美的文本效果。