纯CSS实现下拉菜单的示例代码

本篇文章主要介绍了纯CSS实现下拉菜单的示例代码，分享给大家，具体如下： 将下拉菜单的ul高度设置为0，并且超出部分隐藏掉。 设置下拉菜单的高度添加过渡效果，高度为auto时过渡效果失效。 <style> ul{ list-style: none; margin: 0; padding: 0; } ul li a{ display: block; text-decoration: none; width: 100px; height: 50px;