在網頁設計中，有時需要隱藏頁面導航，以便更好地呈現頁面內容。在CSS中，我們可以通過以下方式來實現導航隱藏。

nav {
display: none;
/*或者使用visibility: hidden;*/
}

上述代碼表示隱藏導航，可以通過display屬性設置為none或者使用visibility屬性設置為hidden來實現。其中，使用display:none會將導航完全隱藏，不占用頁面空間，而使用visibility:hidden只是將導航隱藏，但仍占用頁面空間。

除了直接隱藏導航，我們也可以通過設置導航的可見性來實現分頁顯示。在實現導航分頁時，我們可以使用CSS中的visibility屬性或opacity屬性，代碼如下：

nav {
visibility: hidden;
/*或者使用opacity: 0;*/
}
.page1 nav {
visibility: visible;
/*或者使用opacity: 1;*/
}
.page2 nav {
visibility: visible;
/*或者使用opacity: 1;*/
}
.page3 nav {
visibility: visible;
/*或者使用opacity: 1;*/
}

通過上述代碼，我們可以在不同的頁面中設置不同的導航可見性，來達到分頁顯示的效果。其中，使用visibility屬性可以設置visible或hidden，而使用opacity屬性可以設置0到1之間的值。

在使用CSS隱藏導航時，我們也需要考慮導航在不同設備下的顯示情況。例如在移動端設備上，我們可以使用媒體查詢來設置導航的顯示狀態。代碼如下：

@media screen and (max-width: 767px) {
nav {
display: none;
}
}

以上代碼表示在屏幕寬度小于等于767像素時，將導航隱藏。

綜上，通過CSS的display屬性、visibility屬性、opacity屬性以及媒體查詢等方式，我們可以很方便地實現導航的隱藏和分頁顯示效果。