CSS QQ頁面導航菜單是一個非常常用的網頁導航菜單，可以在QQ頁面中發揮重要的作用。下面就讓我們來學習一下如何制作CSS QQ頁面導航菜單。

<nav>
<ul>
<li><a href="#">聊天</a></li>
<li><a href="#">聯系人</a></li>
<li><a href="#">動態</a></li>
<li><a href="#">應用</a></li>
</ul>
</nav>

以上是制作CSS QQ頁面導航菜單的HTML代碼，其中nav標簽表示導航菜單，ul標簽表示菜單列表，li標簽表示每個菜單項，a標簽表示菜單項的鏈接。我們需要用CSS來為其添加樣式。

nav {
background-color: #47c1bf;
}
ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
li {
padding: 10px;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #d6d6d6;
}

以上是CSS代碼，其中nav元素設置了背景顏色，ul元素設置了列表樣式、外邊距、內邊距和使用彈性盒子進行布局。li元素設置了內邊距，a元素設置了文本顏色和文本修飾，a:hover元素設置了鼠標懸停時的文本顏色。

通過以上HTML和CSS代碼，我們就可以實現一個簡單卻風格獨特的CSS QQ頁面導航菜單。