CSS3实现下拉列表的功能

欢迎参观我的新网站：悦来[yuelai.xyz]

#CSS3实现下拉列表的功能
会发现很多网站使用的有下拉列表的功能，这样能够节省页面的空间，看起来也更好看。典型的就是腾讯云阿里云的下拉面板。里面各种综合的功能。

想要实现这种效果，方法很多，不借用JS，只用CSS便可以实现。

先写好基本的结构

<nav>
    <ul>
        <li><a href="#">XXX</a>
        <li  class="dropdown"><a href="#" >下拉</a>
            <div class="dropdown-content">
            <a href="#">列表一</a>
            <a href="#">列表二</a>
            <a href="#">列表三</a>
            <a href="#">列表四</a>
            </div>
        </li>
        <li&g