在網站設計中，下拉菜單是一個常見的設計元素。CSS可以幫助我們輕松地添加下拉圖標來增強這個功能。下面是一個使用CSS創建下拉菜單的示例：

.dropdown-menu {
position: relative;
display: inline-block;
}
.dropdown-menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #f1f1f1;
}
.dropdown-menu:hover ul {
display: block;
}
.dropdown-menu i {
display: inline-block;
margin-left: 5px;
transform: rotate(90deg);
transition: transform 0.2s ease-in-out;
}
.dropdown-menu:hover i {
transform: rotate(-90deg);
}

這段CSS代碼使用了偽類選擇器:hover來定義下拉菜單在鼠標懸停時的樣式。同時，使用了transform屬性來實現下拉圖標的旋轉動畫效果。要創建一個下拉菜單，需要將菜單項包裝在一個類名為dropdown-menu的div元素中，并使用ul標簽包裝下拉菜單項。

這是一個基本的下拉菜單示例。你可以根據需要對樣式進行調整和修改，以便使它更符合你的網站設計風格和功能要求。