CSS下劃線是一種用于在HTML文檔中標識文本內容的語法。下劃線有兩種類型：實線和虛線。實線表示一條真實的線，而虛線則表示一條帶陰影的線。在CSS中，我們可以使用不同的下劃線樣式來創建實線和虛線。

下面將介紹CSS下劃線的基本概念和用法。

## 基本概念

下劃線是一種用于在HTML文檔中標識文本內容的語法。它由兩個部分組成：星號 ()`和劃線字符 `)`。星號 ()`表示文本內容，而劃線字符 `)`則表示下劃線。

下劃線有兩種類型：實線和虛線。實線表示一條真實的線，而虛線則表示一條帶陰影的線。

## 下劃線的樣式

在CSS中，我們可以使用不同的下劃線樣式來創建實線和虛線。下面是一些常用的樣式：

### 實線

```css

line-bottom: 1px;

這個樣式將下劃線的bottom屬性設置為1px，也就是下劃線的斜邊長度。

### 虛線

```css

text-decoration: underline;

這個樣式將下劃線的樣式設置為“underline”，也就是文本下劃線。

### 下劃線陰影

```css

text-decoration: underline;

background-color: #ff0000;

這個樣式將下劃線的樣式設置為“underline”，同時也設置了一個陰影。陰影的顏色是#ff0000。

## 下劃線的應用

下劃線可以用于許多不同的應用，例如：

```html

### 在表格中使用下劃線

在表格中使用下劃線可以強調表格單元格的值。例如：

```html

<table>

<tr>

<td>This is a test</td>

<td>value</td>

</tr>

</table>

在這個例子中，“This is a test”是一個帶有下劃線的表格單元格值。

### 在圖片中使用下劃線

在圖片中使用下劃線可以強調圖片的文本內容。例如：

```css

border: 1px solid #ff0000;

text-decoration: underline;

這個樣式將圖片的border屬性設置為1px，也就是圖片的斜邊長度。同時，text-decoration屬性設置為“underline”，也就是圖片下劃線。

## 總結