CSS菜單點擊顯示是一個常見的網站設計要素，它可以讓用戶更方便地瀏覽網站內容。下面是一個簡單的示例：

HTML代碼：
<ul class="menu">
<li>主頁</li>
<li>產品
<ul class="submenu">
<li>手機</li>
<li>電腦</li>
<li>平板電腦</li>
</ul>
</li>
<li>服務</li>
<li>關于我們</li>
</ul>
CSS代碼：
.menu li {
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
.submenu {
display: none;
position: absolute;
top: 25px;
left: 0;
}
.menu li:hover .submenu {
display: block;
}
.submenu li {
display: block;
margin-right: 0;
}

在HTML代碼中，我們使用了<ul>和<li>標簽來創建菜單項和子菜單項。在CSS代碼中，我們使用了display屬性來控制菜單項的顯示方式，當鼠標懸停在父菜單項上時，使用:hover選擇器來控制子菜單的顯示。

這種方法也可以用于響應式網站設計中，可以使用@media查詢來控制移動設備中的菜單項樣式和顯示方式。