CSS中，使用下劃線來加強某些效果是非常常見的，但是有時候需要一些特別的樣式來制造不同的效果，這時我們可以使用橫線。下面，就讓我們來學習如何在CSS中加上橫線吧！

/* 使用偽元素 :before 和 content 屬性來插入一條橫線 */
h2:before{
content: "";
display: block;
border-bottom: 1px solid black;
margin: 10px 0;
}

上面的代碼可以在一個標題下面加上一條橫線，它使用了偽元素和content屬性來插入一條位置隨意的橫線。使用這種方法的好處是不僅可以使網頁排版更美觀，同時還可以加強閱讀效果，突出重點。

/* 給整個頁面加一條橫線 */
body:before{
content: "";
display: block;
border-bottom: 3px solid black;
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
}

如果想給整個頁面加上一條橫線，可以使用上述代碼，它使用了偽元素和content屬性，同時設置了定位和z-index屬性，讓橫線在頁面中居中且固定不動。這樣可以讓整個頁面看起來更加整潔，同時使整體風格更加統一。

使用下劃線在CSS中加強效果已經非常普遍了，但加上橫線同樣可以發揮出自己的獨特作用。上面的代碼只是一個簡單的示例，實際使用中可以根據需要進行調整，注重觀感的同時不要影響到整個頁面的布局。