在網(wǎng)頁的排版設(shè)計(jì)中，副標(biāo)題是非常重要的元素之一。為了突出副標(biāo)題的作用，我們可以使用不同的字體、字號、顏色等視覺效果。此外，為了增加副標(biāo)題的可讀性，我們還可以添加一條橫線來與主標(biāo)題進(jìn)行區(qū)分。

h2 {
position: relative;
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
h2::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
border-bottom: 2px solid #333;
}

上面的代碼演示了如何使用CSS為副標(biāo)題添加橫線。首先，我們選擇副標(biāo)題元素

，并設(shè)置它的位置為相對定位。然后，我們使用偽元素::after為副標(biāo)題添加一個(gè)橫線，并設(shè)置它的位置為絕對定位。最后，我們設(shè)置橫線的寬度、顏色等相關(guān)樣式。這樣，在頁面中所有的副標(biāo)題都會自動添加上橫線。

如果需要改變橫線的樣式，我們可以調(diào)整border-bottom屬性的值。比如，可以設(shè)置寬度為3px，顏色為紅色：

h2::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
border-bottom: 3px solid red;
}

通過這種方式，我們可以為副標(biāo)題添加一個(gè)小小的視覺效果，從而提高網(wǎng)頁的整體美觀性和可讀性。