在網頁設計中，我們往往需要在頁面上添加一些分隔線來區分不同的內容區塊，特別是在文章的閱讀體驗方面，通過橫線來劃分內容塊能夠使得文章更加清晰易讀。那么在CSS中，我們該如何實現整個頁面的橫線呢？

首先，我們可以選取一種合適的樣式來作為橫線的圖案。在CSS中，我們可以使用“border-image”屬性來定義橫線的邊框樣式。比如，我們可以使用下述代碼來定義橫線的樣式：

border-image: linear-gradient(to right, #ccc, #ccc 30%, transparent 0, transparent 50%, #ccc 0, #ccc 100%);
border-image-slice: 1;
border-image-repeat: round;

上面的代碼意思是：使用線性漸變（linear-gradient）生成從左到右逐漸變淺的灰色色帶，然后設置橫線樣式為灰色條紋，透明間隔為50%。同時，我們還要設置“border-image-slice”屬性為1，這樣可以讓橫線邊框僅僅覆蓋整個元素的邊框；并設置“border-image-repeat”屬性為round，這會讓邊框圖案自動平鋪以填充整個元素的邊框。

接下來，我們可以將上述CSS樣式應用到整個頁面。我們可以通過全局選擇符（universal selector）來選擇所有的頁面元素，并將它們的邊框樣式設置為上述的線條樣式，如下所示：

* {
border: 1px solid transparent;
border-image: linear-gradient(to right, #ccc, #ccc 30%, transparent 0, transparent 50%, #ccc 0, #ccc 100%);
border-image-slice: 1;
border-image-repeat: round;
}

最后，我們來解釋一下上述代碼。首先，我們使用通用選擇器“*”來選取整個頁面中的所有元素；然后將它們的邊框設置為1像素的透明邊框，這樣可以讓橫線圖案將整個頁面從上到下全部覆蓋。

總之，通過上述CSS樣式的定義，我們可以很容易地為整個頁面添加漂亮的橫線，從而使得網頁更加美觀、易讀。