案例

• 新浪导航栏
• 案例一：产品模块
• 案例二：快报模块

新浪导航栏

巧妙的运用padding内边距可以撑开盒子

因为每一个导航栏里面的数字不一样多，用padding设置左右内边距都为一个值

相关取值：

1. 上边框3像素，颜色为#FF8500
2. 下边框1像素，颜色为#edeef0
3. 盒子高度为41像素，背景颜色为#fcfcfc
4. 文字颜色为#4c4c4c

下面是参照

 
  
  
    
    
    
          
	      
	
  
 
 
  

   新浪导航
   手机新浪网
   移动客户端
   微博
   博客园
  
 

成品

案例一：产品模块

参照

 
  
  
    
    
    
          
	      
	
  
 
 
  

   
   
快递牛，整体感觉不错蓝牙可以说秒连。红米给力。整体感觉不错蓝牙可以说秒连。

   
来自117384232的评价
   

    
Redmi AirDots真无蓝线...
    |
    99元
    
  
 

成品

案例二：快报模块

 
  
  
    
    
    
          
	      
	
  
 
 
  

   
品优购快报
   

    
[特惠]爆款耳机5折秒!
    
[特惠]母亲节，健康好礼低至5折!
    
[特惠]爆款耳机5折秒!
    
[特惠] 9.9元洗100张照片!
    
[特惠]长虹智能空调立省1000