知识分享由：快连官网

见识下拉菜单的效果，在网页上的运用对大家来说不在陌生了，然而很多下拉的效果都是依赖于JS或者jQ来实现。但是随着IE6的慢慢死去，制作这样的效果是无需任何脚本语言来支持。今天广帆互动上海网站建设公司一起来看一款使用CSS3制作的下拉工具条，也类似于tooltip的效果。在这个效果中比较难处理的是阴影色配合，另个整个效果最有特色的是CSS3属性选择器的运用。感兴趣的话继续往下看吧。



HTML结构

<ul>   <li>     <div>       <a href="https://www.bdiyw.com/klgw/news_knowledge/show/#">#</a>       <ul>         <li><a href="https://www.bdiyw.com/klgw/news_knowledge/show/#1">"</a></li>         <li><a href="https://www.bdiyw.com/klgw/news_knowledge/show/#2">$</a></li>         <li><a href="https://www.bdiyw.com/klgw/news_knowledge/show/#3">!</a></li>        </ul>     </div>   </li> </ul>