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. 
	

	

		复制

	实例预览 »



	 


      



  

  
  

   
    
    
   

  

  
 
 

 
 
  
 
 
 
 






 






相关教程