CSS標題四周橫線是一個非常受歡迎的設(shè)計風格，它可以給網(wǎng)頁增加一種簡潔、明確的視覺效果，同時讓標題更加突出。下面我們來看一下如何使用CSS實現(xiàn)這個特效。

h1 {
border-bottom: 2px solid black;
}

以上代碼可以讓h1標題的下方出現(xiàn)一條2像素寬的黑色實線。實線的寬度和顏色可以根據(jù)需求進行修改，例如：border-bottom: 1px dashed red; 則會出現(xiàn)一條1像素寬的紅色虛線。

除了使用border-bottom屬性，我們還可以使用偽類來實現(xiàn)這個特效。例如：

h2::before {
content: "";
display: block;
border-top: 2px solid black;
margin-bottom: 10px;
}
h2::after {
content: "";
display: block;
border-bottom: 2px solid black;
margin-top: 10px;
}

以上代碼可以讓h2標題的上方和下方各出現(xiàn)一條2像素寬的黑色實線，上下各留出10像素的間隔。這種方式更加靈活，可以根據(jù)需求自由修改上下實線的長度、寬度和顏色。

CSS標題四周橫線可以讓頁面看起來更加整潔、統(tǒng)一，同時也能夠提高閱讀體驗。希望本篇文章能夠?qū)δ愕腃SS設(shè)計有所幫助。