CSS 是前端開發的必備技能，它可以幫助我們快速美化網頁。在美化網頁時，水平線是一個非常實用的工具，可以讓網頁看起來更加整潔美觀。在 CSS 中，我們可以設置水平線的長度。

水平線長度的設置方法，主要是通過使用 border-bottom 屬性。border-bottom 屬性表示元素的下邊框，通過設置 border-bottom 的長度、顏色、樣式等屬性，我們可以輕松地設置水平線的長度。

在上面的代碼中，我們定義了一個水平線的樣式，使其具有以下特點：

• 沒有邊框
• 下邊框是 1 像素的實線
• 在水平線上下方都留有 20 像素的空白

通過這樣的設置，我們可以讓水平線的長度適配不同的屏幕尺寸，同時也可以讓水平線更加美觀，更有設計感。

總之，掌握 CSS 水平線長度的設置方法，可以讓我們更好地美化網頁，打造出更加出色的前端作品。