下拉效果是網頁設計中常見的元素之一，可以提高用戶體驗。下面介紹如何使用CSS實現下拉效果。

代碼如下：
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

首先，我們創建一個容器，用于包含下拉內容。容器設置為相對定位（position: relative），這樣下拉內容可以根據容器進行定位。我們將容器設置為display: inline-block，這樣它可以在同一行內顯示。

然后，我們創建下拉內容。下拉內容應該被放置在容器之外，使用position: absolute進行定位。我們將z-index設置為1，這樣下拉菜單可以覆蓋其他內容。

接下來，我們使用:hover偽類選擇器使下拉內容在懸停時顯示。.dropdown:hover .dropdown-content表示在.dropdown容器上懸停時，.dropdown-content應該顯示。

使用上面的CSS代碼，我們可以輕松創建自己的下拉效果。只需要將下拉內容放入.dropdown-content中，并將容器設為.dropdown即可。