在CSS中，上頂線和下劃線是常見(jiàn)的文本裝飾效果，下面是如何在CSS中設(shè)置上頂線和下劃線的指南：

### 上頂線

在CSS中，可以使用`text-decoration`屬性來(lái)添加上頂線。

```css

p {

text-decoration: overline;

```

上述代碼會(huì)將段落（`p`元素）中的文本裝飾為上頂線。

### 下劃線

同樣地，可以使用`text-decoration`屬性來(lái)添加下劃線。

```css

p {

text-decoration: underline;

```

上述代碼會(huì)將段落（`p`元素）中的文本裝飾為下劃線。

### 示例

下面是一個(gè)完整的示例，展示如何在一個(gè)段落中添加上頂線和下劃線：

```html

這是一個(gè)有上頂線的段落。

```

在這個(gè)示例中，段落（`p`元素）中的文本會(huì)有上頂線，而短語(yǔ)（`span`元素）中的文本會(huì)有下劃線。