CSS 是一種用于網頁設計的語言，它可以幫助設計師實現各種復雜的布局和效果。在網頁設計中，導航原點是一個常見的元素，它用于指示當前頁面所在的位置。在本文中，我們將介紹如何使用 CSS 去導航原點。
首先，我們需要了解導航原點是什么。導航原點通常是一個小圓點，它位于頁面上方或左側的菜單中，可以根據用戶點擊的鏈接自動切換位置。它有助于用戶了解當前所在的頁面位置，以便更快速地找到所需的內容。
要實現導航原點，我們可以使用 CSS 中的偽元素 ::before 和 ::after。這兩個元素可以在目標元素的內部或外部創建一個新的元素。
下面是一個示例代碼，它實現了一個基本的導航原點效果：

nav ul li {  
position: relative;  
}  
nav ul li::before {  
content: '';  
position: absolute;  
top: -5px;  
left: 50%;  
transform: translateX(-50%);  
width: 10px;  
height: 10px;  
border-radius: 50%;  
background-color: #333;  
}

在這個例子中，我們首先為導航菜單中的 li 元素設置了相對定位，以便我們可以在其內部創建偽元素。然后，我們使用 ::before 元素創建了一個小圓點，并將其定位到列表項的頂部中央位置。最后，我們設置了該圓點的尺寸、圓角和背景顏色，以便與網頁的設計風格相匹配。
需要注意的是，這個示例中的圓點元素只是一個基本的示例，您可以根據自己的需要進行修改和調整。例如，您可以改變圓點的顏色、尺寸、形狀和位置，使其更符合網頁的整體設計風格。
總之，通過使用 CSS 中的偽元素，我們可以輕松地實現導航原點效果。這不僅可以幫助用戶更好地了解當前所在頁面位置，還可以增強網頁的整體美感和用戶體驗。