Foundation 标签
.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/spanspan class="label secondary"Secondary Label/spanspan class="label success"Success Label/spanspan class="label info"Info Label/spanspan class="label warning"Success Label/spanspan 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 来修改标签的大小: 实例 h1Example span class="label" style="font-size:36px;"New/span/h1 h2Example span class="label" style="font-size:30px;"New/span/h2 h3Example span class="label" style="font-size:20px;"New/span/h3 h4Example span class="label"New/span/h4
王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat王皓
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat