Foundation 标签

Foundation 使用 .label CSS 类设置标签,用于提供一些附加信息

<h2>Example <span class="label">New</span></h2>
<h3>Example <span class="label">New</span></h3>
<h4>Example <span class="label">New</span></h4>

运行范例 »

标签样式

可以用以下的 CSS 类修改标签的样式

  • .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>

运行范例 »

圆角标签

.radius CSS 类可以为标签添加圆角效果

<span class="label">Default Label</span>
<span class="label radius">Radius Label</span>

运行范例 »

圆形标签

.round CSS 类可以为标签添加圆形效果

<span class="label">Default 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>

运行范例 »

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.