css下拉菜单的控件标记为

CSS下拉菜单是一种很常见的网页控件，让用户能够在选择列表中选择他们所需的选项。在下面的代码中，我们将展示如何在HTML中使用CSS下拉菜单。

<!--HTML代码-->
<div class="dropdown">
  <button class="dropbtn">下拉菜单</button>
  <div class="dropdown-content">
    <a href="#">选项1</a>
    <a href="#">选项2</a>
    <a href="#">选项3</a>
  </div>
</div>

<!--CSS代码-->
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
} 

在上述代码中，我们使用了HTML的<div>、<button>和<a>标签来创建下拉菜单，并使用CSS样式来设置下拉菜单的外观和行为。CSS样式设置了下拉菜单的位置、背景颜色、文本颜色、字体大小、边框和悬停效果。

要创建一个自定义的CSS下拉菜单，您可以根据您的需要更改标签的类、内容和样式。这里的示例代码可以作为一个起点，您可以使用它来创建一个更适合您网站的下拉菜单。