CSS 下拉菜单是网页设计中常见的一个元素。下拉菜单可以让网页的外观更加美观，同时也很方便用户浏览网站的不同选项。下面介绍几种常见的下拉菜单样式。

/* 普通下拉菜单 */ .dropdown-menu {display: none; } .dropdown:hover .dropdown-menu {display: block; }/* 带动画的下拉菜单 */ .dropdown-menu {opacity: 0;visibility: hidden;transition: all 0.3s ease; } .dropdown:hover .dropdown-menu {opacity: 1;visibility: visible; }/* 带阴影的下拉菜单 */ .dropdown-menu {box-shadow: 0 5px 10px rgba(0,0,0,0.3); }

总之，一个漂亮而实用的下拉菜单可以大大提升网站用户体验，让用户更加愉悦地浏览你的网站。