📜  Semantic-UI 标头划分变体

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

Semantic-UI 标头划分变体

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更神奇。

Semantic-UI header 提供了一个简短的内容摘要,它为我们提供了不同的 header 变体,如 Dividing、Block、Attached、Floating、Text alignment、colored 和 Inverted 变体。在本文中,我们将了解标题的 Dividing 变体。

Semantic-UI Header Variations Divider Variant 类:

  • 划分:该类用于在两个内容之间创建分隔线。

句法:


      .......

示例 1:下面的示例说明了 Semantic-UI Header Variations Divider Variant:

HTML


  

  Semantic-UI Header Dividing Variations
  

  

  
    

      GeeksforGeeks     

              Semantic UI Header Variations Divider          

       

      With the idea of imparting programming knowledge,       Mr. Sandeep Jain, an IIT Roorkee alumnus started       a dream, GeeksforGeeks. Whether programming excites       you or you feel stifled, wondering how to prepare        for interview questions or how to ace data structures       and algorithms, GeeksforGeeks is a one-stop solution.     

              A Computer Science Portal for Geeks                 

      Free Tutorials, Millions of Articles, Live,       Online and Classroom Courses, Frequent Coding       Competitions, Webinars by Industry Experts,        Internship opportunities and Job Opportunities.     

  
  


HTML


  

  Semantic-UI Header Dividing Variations
  

  

  
    

      GeeksforGeeks     

              Semantic UI Header Variations Divider          

       

      With the idea of imparting programming knowledge,       Mr. Sandeep Jain, an IIT Roorkee alumnus started       a dream, GeeksforGeeks. Whether programming excites       you or you feel stifled, wondering how to prepare        for interview questions or how to ace data structures       and algorithms, GeeksforGeeks is a one-stop solution.     

              A Computer Science Portal for Geeks                 

      Free Tutorials, Millions of Articles, Live,       Online and Classroom Courses, Frequent Coding       Competitions, Webinars by Industry Experts,        Internship opportunities and Job Opportunities.     

  
  


输出:

Semantic-UI Header Variations Divider

Semantic-UI Header Variations Divider

示例 2:

HTML



  

  Semantic-UI Header Dividing Variations
  

  

  
    

      GeeksforGeeks     

              Semantic UI Header Variations Divider          

       

      With the idea of imparting programming knowledge,       Mr. Sandeep Jain, an IIT Roorkee alumnus started       a dream, GeeksforGeeks. Whether programming excites       you or you feel stifled, wondering how to prepare        for interview questions or how to ace data structures       and algorithms, GeeksforGeeks is a one-stop solution.     

              A Computer Science Portal for Geeks                 

      Free Tutorials, Millions of Articles, Live,       Online and Classroom Courses, Frequent Coding       Competitions, Webinars by Industry Experts,        Internship opportunities and Job Opportunities.     

  
  

输出:

Semantic-UI 标头划分变体

Semantic-UI 标头划分变体

参考: https ://semantic-ui.com/elements/header.html#dividing