Foundation 标签
2022-08-05 15:09 更新
.label 类用于提供一些附加信息:
实例
<h2>Example <span class="label">New
</span></h2>
<h3>Example <span class="label">New </span></h3>
<h4>Example <span class="label">New </span></h4>
<h3>Example <span class="label">New </span></h3>
<h4>Example <span class="label">New </span></h4>
尝试一下 »
以下类可以设置标签的颜色: .secondary, .success, .info, .warning 或 .alert:
实例
<span class="label">Default Label</span
>
<span class="label secondary">Secondary Label</span >
<span class="label success">Success Label</span >
<span class="label info">Info Label</span >
<span class="label warning">Success Label</span >
<span class="label alert">Alert Label</span >
<span class="label secondary">Secondary Label</span >
<span class="label success">Success Label</span >
<span class="label info">Info Label</span >
<span class="label warning">Success Label</span >
<span class="label alert">Alert Label</span >
尝试一下 »
圆角标签
.radius 与 .round 类可以为标签添加圆角：
实例
<span class="label">Default Label</span
>
<span class="label radius">Radius Label</span >
<span class="label round">Round Label</span >
<span class="label success round">5</span >
<span class="label radius">Radius Label</span >
<span class="label round">Round Label</span >
<span class="label success round">5</span >
尝试一下 »
标签大小
可以使用 CSS 来修改标签的大小:
实例
<h1>Example <span class="label" style=
"font-size:36px;">New</span></h1>
<h2>Example <span class="label" style= "font-size:30px;">New</span></h2>
<h3>Example <span class="label" style= "font-size:20px;">New</span></h3>
<h4>Example <span class="label">New </span></h4>
<h2>Example <span class="label" style= "font-size:30px;">New</span></h2>
<h3>Example <span class="label" style= "font-size:20px;">New</span></h3>
<h4>Example <span class="label">New </span></h4>
尝试一下 »
以上内容是否对您有帮助：
更多建议：