CSS加水平線的方法有很多種，下面介紹幾種常用的方法。

1. 使用 `line-height` 屬性

`line-height` 屬性用于設置水平線的垂直和水平長度。它的值應該為像素值或字符數。例如：

```css

line-height: 20px; /* 設置水平線長度為20像素 */

這將在 `h1` 元素中創建一個垂直和水平的線。如果 `line-height` 屬性的值小于元素的高度，水平線將顯示為一條細線。如果 `line-height` 屬性的值大于元素的高度，水平線將顯示為一條粗線。

2. 使用 `text-align` 屬性

`text-align` 屬性用于設置文本對齊方式。它有兩種用法：

- 設置文本對齊方式為水平：

```css

text-align: center; /* 設置h1元素的文本對齊方式為水平 */

- 設置文本對齊方式為垂直：

```css

text-align: right; /* 設置h1元素的文本對齊方式為垂直 */

3. 使用 `flex` 布局

`flex` 布局是一種用于設置元素在水平方向上的排列方式的 CSS 布局技術。使用 `flex` 布局，可以通過設置元素的 `display` 屬性為 `flex`，然后設置其 `justify-content`、`align-items` 和 `flex-direction` 屬性來實現水平線。例如：

```css

.flex-container {

display: flex;

justify-content: center;

align-items: center;

這將在 `.flex-container` 元素中創建一個水平線和垂直線。

4. 使用絕對定位和 `border-bottom` 屬性

使用絕對定位和 `border-bottom` 屬性也可以實現水平線。首先，使用 `border-bottom` 屬性將一個邊連接到元素的底部，然后使用絕對定位將元素放在需要的水平線上。例如：

```css

div {

position: absolute;

bottom: 10px;

border-bottom: 1px solid black;

這將在 `div` 元素中創建一個黑色垂直線，并將其放置在水平線上。

這些方法都可以用來添加水平線，具體使用哪種方法取決于所需的樣式和具體情況。