CSS是網頁設計中非常重要的一部分，它能夠用來美化網頁并使其更易于閱讀和導航。在此基礎上，我們可以使用CSS做兩個頁面切換，讓網頁具有更強的交互性和可玩性。

/* HTML代碼 */
頁面1
這是頁面1的內容。
進入頁面2
頁面2
這是頁面2的內容。
回到頁面1

首先，在HTML中我們需要定義兩個頁面的內容，分別用不同的類名來區分。頁面1中有一個按鈕可以跳轉到頁面2，頁面2中有一個按鈕可以跳轉回頁面1。

/* CSS代碼 */
 .page1 {
display: block;
 }
 .page2 {
display: none;
 }

接著，在CSS中，我們需要隱藏頁面2，只顯示頁面1。這可以通過display屬性來實現。display: block表示元素顯示為塊級元素，顯示在頁面上，而display: none表示元素不顯示在頁面上。

/* JavaScript代碼 */
 var btns = document.getElementsByTagName("button");
 for(var i = 0; i< btns.length; i++){
btns[i].onclick = function(){
var page1 = document.getElementsByClassName("page1")[0];
var page2 = document.getElementsByClassName("page2")[0];
if(this.parentNode.className == "page1"){
page1.style.display = "none";
page2.style.display = "block";
}else{
page2.style.display = "none";
page1.style.display = "block";
}
}
 }

最后，我們需要使用JavaScript來實現頁面的切換。我們可以使用onclick事件來監聽按鈕的點擊。當點擊按鈕時，如果當前按鈕所在的頁面是頁面1，則切換到頁面2，否則切換回頁面1。

通過以上步驟，我們就可以實現頁面之間的切換了。這種切換方式不僅能提高網站的交互性和可玩性，而且讓網站顯得更加豐富和生動。