CSS是一種用于網頁設計的編程語言，它可以為網頁添加樣式和布局。在CSS中，我們通常使用水平線來分割不同的內容，讓頁面看起來更清晰和有序。本文將介紹如何使用CSS創建水平線底部。

/* 在CSS中，我們可以使用偽類選擇器:before來創建水平線底部 */
.line {
position: relative;  /* 需要設置相對定位 */
padding-bottom: 10px;  /* 設置底部的padding值 */
margin-bottom: 25px;  /* 可以根據需要調整距離 */
}
.line:before {
content: "";  /* 在偽類選擇器中必須要有content屬性 */
display: block;  /* 將元素顯示為塊級元素 */
border-bottom: 1px solid #ccc;  /* 設置水平線的樣式 */
position: absolute;  /* 設置絕對定位 */
bottom: 0;  /* 將水平線置于元素底部 */
width: 100%;  /* 設置水平線的寬度 */
}

最后，在你的HTML代碼中，你可以像這樣使用.line類：

<p class="line">這是一段文字，下面有一條水平線底部</p>

這樣，你就可以很容易地創建出一條漂亮的水平線底部來分割不同的內容，使你的網頁更具可讀性和可視性了。