CSS dropdown，也稱為下拉菜單，是一種常見的網站導航方式，在懸停或點擊導航菜單時會顯示更多選項。
下面是一個簡單的 CSS dropdown 的例子：
<html>
<head>
<style type="text/css">
/* 隱藏下拉菜單 */
.dropdown-menu {
display: none;
position: absolute;
}
/* 當懸停在導航菜單上時顯示下拉菜單 */
.nav-item:hover .dropdown-menu {
display: block;
}
</style>
</head>
<body>
<nav>
<ul>
<li class="nav-item">Home</li>
<li class="nav-item">About</li>
<li class="nav-item dropdown">
Products
<ul class="dropdown-menu">
<li>Product 1</li>
<li>Product 2</li>
<li>Product 3</li>
</ul>
</li>
</ul>
</nav>
</body>
</html>在這個例子中，我們給下拉菜單添加了一個display: none;的樣式，使其一開始處于隱藏狀態。當懸停在具有dropdown類名的導航菜單上時，我們通過display: block;的樣式來顯示下拉菜單。
CSS dropdown 的應用非常廣泛，可以在網站的導航欄、表單等地方使用。
上一篇css d質量管理的特點
下一篇css e619