VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > HTML >
  • HTML5 教程之Foundation 标签

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

实例


	
  1. <h2>Example <span class="label">New</span></h2>
  2. <h3>Example <span class="label">New</span></h3>
  3. <h4>Example <span class="label">New</span></h4>
复制
实例预览 »

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

实例


	
  1. <span class="label">Default Label</span>
  2. <span class="label secondary">Secondary Label</span>
  3. <span class="label success">Success Label</span>
  4. <span class="label info">Info Label</span>
  5. <span class="label warning">Success Label</span>
  6. <span class="label alert">Alert Label</span>
复制
实例预览 »

圆角标签

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

实例


	
  1. <span class="label">Default Label</span>
  2. <span class="label radius">Radius Label</span>
  3. <span class="label round">Round Label</span>
  4. <span class="label success round">5</span>
复制
实例预览 »

标签大小

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

实例


	
  1. <h1>Example <span class="label" style="font-size:36px;">New</span></h1>
  2. <h2>Example <span class="label" style="font-size:30px;">New</span></h2>
  3. <h3>Example <span class="label" style="font-size:20px;">New</span></h3>
  4. <h4>Example <span class="label">New</span></h4>
复制
实例预览 »
 

相关教程