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. 

  2. 
<h3>Example <span class="label">New</span></h3>
    3. 

  3. 
<h4>Example <span class="label">New</span></h4>
    4. 




复制

实例预览 »



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





实例




    

  1. 
<span class="label">Default Label</span>
    2. 

  2. 
<span class="label secondary">Secondary Label</span>
    3. 

  3. 
<span class="label success">Success Label</span>
    4. 

  4. 
<span class="label info">Info Label</span>
    5. 

  5. 
<span class="label warning">Success Label</span>
    6. 

  6. 
<span class="label alert">Alert Label</span>
    7. 




复制

实例预览 »



圆角标签



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





实例




    

  1. 
<span class="label">Default Label</span>
    2. 

  2. 
<span class="label radius">Radius Label</span>
    3. 

  3. 
<span class="label round">Round Label</span>
    4. 

  4. 
<span class="label success round">5</span>
    5. 




复制

实例预览 »



标签大小



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





实例




    

  1. 
<h1>Example <span class="label" style="font-size:36px;">New</span></h1>
    2. 

  2. 
<h2>Example <span class="label" style="font-size:30px;">New</span></h2>
    3. 

  3. 
<h3>Example <span class="label" style="font-size:20px;">New</span></h3>
    4. 

  4. 
<h4>Example <span class="label">New</span></h4>
    5. 




复制

实例预览 »



 






    













相关教程