CSS中，我們可以使用列表來布置導航。這種方式比較簡單，而且非常實用。我們可以使用無序列表（ul）來布置水平導航，也可以使用有序列表（ol）來布置垂直導航。接下來，我將通過實例代碼來展示這種布局方式。

/* 水平導航布局 */
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
padding: 10px;
}
/* 垂直導航布局 */
ol {
list-style: none;
margin: 0;
padding: 0;
}
li {
padding: 10px;
}
li:hover {
background-color: #ddd;
}

如上所示，我們先對列表進行了一些基本樣式的設置，例如去除列表標記樣式，以及去除默認的內外邊距等。對于水平導航，我們給每個列表項設置了inline-block的display屬性來實現橫向排列；而對于垂直導航，我們仍然使用了默認的列表項排列方式。注意，對于垂直導航，我們增加了一個hover事件，當鼠標懸停在某個列表項上時，背景色變為灰色。

此外，我們在實際應用中還可以對導航進行一些修飾。例如，我們可以為當前所在頁面對應的導航項添加特殊的樣式，以便用戶更加清晰地知道自己所處的位置。我們還可以為導航項添加下拉菜單等交互式效果。

總之，在CSS中使用列表來布置導航是一種非常常見的方式。掌握這種方式可以讓我們更加方便地實現導航的布局和修飾，從而提升用戶體驗。