📜  Foundation CSS 厨房水槽手风琴菜单

📅  最后修改于: 2022-05-13 01:56:16.777000             🧑  作者: Mango

Foundation CSS 厨房水槽手风琴菜单

Foundation CSS是一个免费的开源前端 CSS 框架,用于构建可在任何类型的设备上运行的美观、响应迅速的网站、应用程序和电子邮件。它是使用 HTML、CSS 和 Javascript 编写的。亚马逊、Facebook、迪士尼等许多公司都在使用它。它使用 Saas 编译器来加快开发速度,并使用 Grunt 和 Libsass 等软件包进行快速编码和控制。

Kitchen Sink具有在我们的网站和应用程序中运行良好的基础元素。 Accordion Menu是具有某些效果的可折叠水平或垂直菜单。该菜单可以水平或垂直创建,菜单项可以水平或垂直方式排列。

基础 CSS 厨房水槽手风琴菜单类:

  • menu :此类用于创建菜单。
  • vertical :此类用于创建垂直菜单。
  • Horizontal :此类用于创建水平菜单。

句法:

示例 1:

HTML


  

    Foundation CSS Kitchen Sink Accordion Menu
    
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Accordion Menu

               


HTML


  

    Foundation CSS Kitchen Sink Accordion Menu
    
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Accordion Menu

                  


输出:

Foundation CSS 厨房水槽手风琴菜单

Foundation CSS 厨房水槽手风琴菜单

示例 2:

HTML



  

    Foundation CSS Kitchen Sink Accordion Menu
    
    
    
    

  

    

        GeeksforGeeks     

    

Foundation CSS Kitchen Sink Accordion Menu

                  

输出:

Foundation CSS 厨房水槽手风琴菜单

Foundation CSS 厨房水槽手风琴菜单

参考: https://get.foundation/sites/docs/kitchen-sink.html#accordion-menu