在網頁設計中，經常會發現頁面頂端有一條橫線的設計，這種設計可以提升頁面的美觀度和可讀性，讓用戶更容易區分不同的內容區塊。那么，如何實現這樣的頁面頂端橫線呢？ 在CSS中，我們可以使用border屬性來設置邊框，從而實現頁面頂端橫線的效果。我們可以將橫線作為一個邊框來添加到頁面的最上方，如下所示：

p {
border-top: 1px solid #ddd;
padding-top: 10px;
}

上述代碼就實現了在所有p標簽的頂部添加1像素寬、顏色為#ddd的實線邊框，同時通過padding-top屬性來為p標簽的內容預留出10像素的間距，避免內容與邊框重疊。 當我們添加了這段CSS代碼后，可以在頁面中看到頁面頂端出現了一條細細的橫線，清晰地分隔了不同的內容區塊，提升了頁面的可讀性和美觀度。 除了上述實現方式，我們還可以通過定位、背景圖等方式來實現頁面頂端橫線的效果。但不管采用哪種方式，都需要注意橫線的寬度、顏色等設計細節，以達到最佳的效果和用戶體驗。 總的來說，頁面頂端橫線是一個簡單又實用的網頁設計細節，可以幫助我們提升頁面的美觀度和可讀性，讓用戶更加愉悅地訪問網頁。