CSS下拉菜單是Web開發中常見的功能，可以通過鼠標懸停或點擊實現菜單項的展開與收起。以下是一個簡單的CSS下拉菜單樣板：
<html>
<head>
<style>
/* 隱藏下拉菜單內容 */
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
/* 鼠標懸停時顯示下拉菜單內容 */
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body>
<div class="dropdown">
<a href="#">菜單項</a>
<div class="dropdown-content">
<a href="#">子菜單項1</a>
<a href="#">子菜單項2</a>
<a href="#">子菜單項3</a>
</div>
</div>
</body>
</html>該樣板通過CSS選擇器實現了下拉菜單的展開與收起。在HTML代碼中，整個下拉菜單包含一個元素和一個