通過 CSS 設置水平線

HTML 和 CSS 是 Web 開發中常用的兩個技術，可以用來創建各種類型的網頁和頁面布局。其中，CSS 可以通過設置樣式來美化和布局網頁，而設置水平線是 CSS 中的一個重要功能之一。本文將介紹如何使用 CSS 設置水平線。

水平線通常用于水平布局，例如在導航菜單、列表和表格中。在 HTML 中，可以使用標點符號<br> 來設置水平線。例如，以下代碼將創建一個水平線：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

在 CSS 中，可以使用以下代碼來設置水平線：

```css

list-style-type: none;

display: flex;

justify-content: space-between;

margin-left: 10px;

display: flex;

justify-content: space-between;

margin-left: 20px;

在這個例子中，使用了一個嵌套的列表，通過設置justify-content屬性來將列表元素居中，并使用margin屬性來控制水平線的寬度。另外，還使用了一個br 標簽來創建水平線。

通過使用 CSS 設置水平線，可以輕松地創建各種類型的水平布局，而無需手動添加文本水平線。需要注意的是，水平和垂直布局可以使用多種不同的樣式，具體取決于需要的布局。