在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，經(jīng)常需要使用一些裝飾線(xiàn)來(lái)美化頁(yè)面的效果。其中，橫線(xiàn)是一種經(jīng)常使用的裝飾。但有時(shí)候我們會(huì)發(fā)現(xiàn)橫線(xiàn)跟文字緊貼在一起呈現(xiàn)，其風(fēng)格不夠優(yōu)美。如何讓橫線(xiàn)下移呢？下面我們來(lái)介紹使用CSS實(shí)現(xiàn)橫線(xiàn)下移的方法。

/* 以下是CSS代碼 */
.line {
border-bottom: 1px solid #000;
margin-bottom: 10px;
}

在 CSS 中，我們可以使用border-bottom屬性來(lái)設(shè)置下邊框。該屬性允許我們自定義邊框的樣式、粗細(xì)、顏色等。在這里，我們將其設(shè)為 1px，顏色設(shè)置為黑色。這樣就可以在元素的下面畫(huà)一條橫線(xiàn)了。

然而，如果我們想讓下劃線(xiàn)下移，那么就需要在下邊框和元素之間留出一些空間。這里，我們可以使用margin-bottom屬性來(lái)實(shí)現(xiàn)。在這里，我們將其設(shè)為 10px，表示下邊框和元素之間留出 10px 的空間，從而達(dá)到下移橫線(xiàn)的效果。

以上就是使用 CSS 實(shí)現(xiàn)橫線(xiàn)下移的方法，通過(guò)設(shè)置border-bottom和margin-bottom的屬性值來(lái)實(shí)現(xiàn)橫線(xiàn)下移。在實(shí)際使用中，我們可以根據(jù)實(shí)際需求來(lái)調(diào)整這兩個(gè)屬性值，以達(dá)到更好的效果。