了解下Foundation 标签

Foundation 标签

.label 类用于提供一些附加信息:

实例

<h2>Example <span>New</span></h2>
<h3>Example <span>New</span></h3>
<h4>Example <span>New</span></h4>

以下类可以设置标签的颜色: .secondary, .success, .info, .warning 或 .alert:

实例

<span>Default Label</span>
<span>Secondary Label</span>
<span>Success Label</span>
<span>Info Label</span>
<span>Success Label</span>
<span>Alert Label</span>
圆角标签

.radius 与 .round 类可以为标签添加圆角:

实例

<span>Default Label</span>
<span>Radius Label</span>
<span>Round Label</span>
<span>5</span>
标签大小

可以使用 CSS 来修改标签的大小:

实例

<h1>Example <span>New</span></h1>
<h2>Example <span>New</span></h2>
<h3>Example <span>New</span></h3>
<h4>Example <span>New</span></h4>
以上是了解下Foundation 标签的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>