Foundation CSS Prototyping Utility 文本装饰
Foundation CSS 是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架,可以轻松设计美观的响应式网站、应用程序和电子邮件,这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。它被许多公司使用,例如 Facebook、eBay、Mozilla、Adobe,甚至迪士尼。该框架建立在类似 SaaS 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI,因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具,用于在移动设备上更快地呈现。
Prototyping Utilities 文本装饰有助于为文本添加下划线、上划线或划线。
基础 CSS 原型实用程序文本装饰类:
- text-underline:创建下划线,即文本下方的水平线
- text-overline:创建上划线,即文本上方的水平线
- text-line-through:创建一个 line-through,即一条穿过文本的水平线
启用文本转换:
@include foundation-prototype-text-decoration;
句法:
Content
例子1:在这个例子中,我们将显示一些文本来演示text-underline的使用
HTML
GeeksforGeeks
Foundation CSS Prototyping Utilities
Text-Decoration
text-underline
Geeks for geeks is
a computer science portal.It helps many
tech aspirants to upskill their coding
skills. It also gives opportunites to
secure a job via various coding events
like Job-a-thon. It provides a wide range
of courses that facilitates the students
to enhance their skills.
HTML
GeeksforGeeks
Foundation CSS Prototyping Utilities
Text-Decoration
text-overline
Geeks for geeks is
a computer science portal.It helps many
tech aspirants to upskill their coding
skills. It also gives opportunites to
secure a job via various coding events
like Job-a-thon. It provides a wide range
of courses that facilitates the students
to enhance their skills.
HTML
GeeksforGeeks
Foundation CSS Prototyping Utilities
Text-Decoration
text-line-through
Geeks for geeks is
a computer science portal.It helps many
tech aspirants to upskill their coding
skills. It also gives opportunites to
secure a job via various coding events
like Job-a-thon. It provides a wide range
of courses that facilitates the students
to enhance their skills.
输出:
例子2:在这个例子中,我们将显示一些文本来演示text-overline的使用
HTML
GeeksforGeeks
Foundation CSS Prototyping Utilities
Text-Decoration
text-overline
Geeks for geeks is
a computer science portal.It helps many
tech aspirants to upskill their coding
skills. It also gives opportunites to
secure a job via various coding events
like Job-a-thon. It provides a wide range
of courses that facilitates the students
to enhance their skills.
输出:
示例 3:在本示例中,我们将显示一些文本来演示 text-line-through 的使用
HTML
GeeksforGeeks
Foundation CSS Prototyping Utilities
Text-Decoration
text-line-through
Geeks for geeks is
a computer science portal.It helps many
tech aspirants to upskill their coding
skills. It also gives opportunites to
secure a job via various coding events
like Job-a-thon. It provides a wide range
of courses that facilitates the students
to enhance their skills.
输出: