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.
输出:
示例 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.
输出:
参考: https ://semantic-ui.com/elements/header.html#dividing