CSS中的前后橫線是一種常用的樣式效果，在網頁設計中非常常見。通過添加前后橫線，可以使頁面更具有美感和視覺層次感。

前后橫線的實現方法非常簡單，只需要使用CSS中的偽元素選擇器即可。下面是一個CSS代碼示例：

/* 在h1標簽前添加上橫線和下橫線 */
h1:before {
content: "";
display: block;
width: 100px;
height: 1px;
background-color: black;
margin-bottom: 10px;
}
h1:after {
content: "";
display: block;
width: 100px;
height: 1px;
background-color: black;
margin-top: 10px;
}

上面的代碼中，我們通過使用:before和:after偽元素選擇器，在h1標簽前添加了一條寬度為100px、高度為1px的黑色橫線；在h1標簽后添加了一條相同的橫線，通過調整margin屬性實現了上下間隔。

需要注意的是，偽元素選擇器需要設置content屬性才能正常顯示，否則橫線將不會出現。

以上就是CSS中前后橫線的簡單實現方法和示例代碼。在實際項目中，我們可以通過調整CSS代碼中的屬性和數值，來實現更加豐富多樣的前后橫線效果。