#css 四條橫杠怎么寫

在 CSS 中，我們可以使用 `line-height` 屬性來設置水平線的長度，也可以通過 `border-bottom` 屬性和 `height` 屬性來設置垂直線的長度。其中，使用 `border-bottom` 屬性和 `height` 屬性可以創建四條橫杠，具體方法如下：

1. 使用 `border-bottom` 屬性和 `height` 屬性

首先，我們需要使用 `border-bottom` 屬性來創建一個垂直線，然后使用 `height` 屬性來設置垂直線的長度。在這種情況下，我們將四條橫杠的垂直線設置為相同的高度。以下是一個示例：

```html

<div style="line-height: 40px;border-bottom: 4px solid #000000;">

四條橫杠

</div>

在這個示例中，`line-height` 屬性設置為 40 像素，`border-bottom` 屬性設置為 4 像素，這將創建一個垂直線，其長度為 4 像素。

2. 使用 `border-bottom` 屬性和 `width` 屬性

除了使用 `border-bottom` 屬性和 `height` 屬性外，我們還可以使用 `border-bottom` 屬性和 `width` 屬性來創建四條橫杠。在這種情況下，我們將橫杠的寬度設置為 4 像素，以確保四條橫杠的寬度相同。以下是一個示例：

```html

<div style="line-height: 40px;border-bottom: 4px solid #000000;width: 4px;">

四條橫杠

</div>

在這個示例中，`line-height` 屬性設置為 40 像素，`border-bottom` 屬性設置為 4 像素，`width` 屬性設置為 4 像素，這將創建一個垂直線，其寬度為 4 像素。

總的來說，使用 `border-bottom` 屬性和 `height` 屬性可以創建四條橫杠，但使用 `border-bottom` 屬性和 `width` 屬性可以更方便地控制橫杠的寬度。