CSS中的導航分割線是非常常用的一種樣式，可以在導航菜單的欄目中添加分割線，增強導航可讀性。本文將簡單介紹如何使用CSS來實現導航分割線。 首先，在HTML文件中定義導航菜單的結構，例如： ```HTML``` 接下來，在CSS中定義導航菜單的樣式，并增加分割線： ```CSS nav { background-color: #333; padding: 10px; text-align: center; } ul { list-style: none; margin: 0; padding: 0; } li { display: inline-block; } a { color: #fff; padding: 5px 10px; } /* 增加分割線樣式 */ li:not(:last-child) { margin-right: 10px; position: relative; } li:not(:last-child)::after { content: ""; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); height: 50%; border-right: 1px solid #fff; } ``` 代碼中使用了偽類`:not(:last-child)`來選取除了最后一個li元素之外的所有li元素，然后使用`::after`偽元素添加一個右邊框，并使用絕對定位將其定位在li元素的右側。因為偽元素是li元素的子元素，所以可以使用`transform: translateY(-50%)`將其垂直居中。 以上就是實現導航分割線的CSS代碼示例。可以根據實際情況調整分割線的粗細、顏色等樣式，使其更加符合網站的風格。