在現代網頁設計中，菜單是非常重要的元素之一。H5 和 CSS 技術的應用，讓我們可以輕松地創建精美的菜單模板。以下是一個簡單的 H5 CSS 菜單模板示例：

<!-- HTML 代碼 -->
<nav class="menu">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">視頻</a></li>
<li><a href="#">音樂</a></li>
<li><a href="#">圖片</a></li>
</ul>
</nav>
<!-- CSS 代碼 -->
.menu {
display: flex;
justify-content: center;
}
ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin: 0 10px;
}
a {
color: #FFF;
text-decoration: none;
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
background-color: #333;
border-radius: 5px;
transition: background-color 0.3s;
}
a:hover {
background-color: #555;
}

通過上述代碼，我們可以實現一個水平居中的菜單，菜單選項之間有一定的間距，選項文字使用白色，背景色為深灰色，鼠標懸浮時背景色變為深一點的灰色。這是一個簡單而常見的菜單樣式，可以根據實際需要進行調整和拓展。