CSS標題橫線是一種常用的裝飾效果，適用于網頁設計中的標題、分隔線等方面。在CSS中實現標題橫線效果，主要是通過border屬性進行設置。

h1 {
border-bottom: 1px solid #000;
}
h2 {
border-bottom: 2px dotted #555;
}
h3 {
border-bottom: 3px double #f00;
}

以上代碼中，border屬性設置了邊框的樣式、寬度和顏色，其中1px、2px、3px分別表示橫線的粗細，而solid、dotted、double則分別表示實線、點線、雙實線等橫線樣式，#000、#555、#f00則是橫線的顏色。

標題橫線的樣式和顏色可以根據實際需求進行自定義，例如比較常見的紅色單實線橫線可以通過以下代碼來實現：

h4 {
border-bottom: 1px solid #f00;
}

需要注意的是，如果標題橫線需要在不同的標題中使用，可以為每個標題單獨設置相應的樣式，但最好使用樣式類或id來標識不同的標題，以達到代碼的優化和方便維護。