在網站設計中，加入橫線是一種很常見的技巧。通過添加底部橫線，可以讓內容更加易讀，并且增強整個網站的視覺效果。CSS可以幫助我們輕松地實現底部橫線的效果。接下來我們看一下如何使用CSS在網站底部加橫線。 第一步，我們需要選擇要加底部橫線的元素。一般情況下，我們可以選擇標題、文本、鏈接等。在這里，我們選擇標題作為演示元素。我們可以將標題用p標簽包括起來，如下所示：

<p>這是標題</p>

第二步，為元素添加CSS樣式。我們需要給標題添加下劃線樣式，可以使用text-decoration屬性。為了添加底部下劃線，我們使用text-decoration屬性的值為“underline”。如下所示:

<style>
p {
text-decoration: underline;
}
</style>

第三步，調整底部橫線的顏色和樣式。默認的底部橫線是黑色的，但我們可以使用CSS中的border-bottom樣式屬性來對其進行自定義。例如，我們可以通過設置顏色、寬度和邊框樣式來定義它的外觀，如下所示：

<style>
p {
text-decoration: none; /* 移除默認下劃線 */
border-bottom: 1px solid #333; /* 自定義底部橫線 */
}
</style>

在這里，我們將底部橫線的寬度設置為1像素，顏色設置為灰色 (#333)，并為其添加了實線邊框樣式。 最終結果如下所示：

這是標題

總之，使用CSS在底部加橫線是一種非常簡單和有效的方法，可以使您的網站更加美觀和易讀。希望本文能夠對您有所幫助。