神奇！js+CSS+DIV实现文字颜色渐变效果_javascript技巧

body{
 font:12px/1.5 Microsoft Yahei;
}
h3{
 padding:10px;
 margin:0;
 background-color:#999;
 color:#fff;
 font:16px/1.5 Microsoft Yahei;
 text-align:center;
}
.box{
 position:relative;
 background-color:#fff;
 width:auto;
 margin:0 auto;
 padding:0 30px;
 font:700 20px/1.5 "Microsoft Yahei",Microsoft Yahei;
 border-top:1px dashed #ccc;
 border-bottom:1px dashed #ccc;
 height:30px;
 margin-top:8px;
}
.box a{
 position:absolute;
 font-style:normal;
 white-space:nowrap;
}
.f999{
 color:#999;
}

CSS多彩渐变字

 

  

  
 

  
文字：
  

 
 

  
R值：
  

  RGB颜色中的R值（0-255）
 
 

  
G值：
  

   RGB颜色中的G值（0-255）
 
 

  
B值：
  

   RGB颜色中的B值（0-255）
 
 

  
渐变方式：
  
灰度渐变变化R值变化G值变化B值
  相应的数值会强制在0~255之间变化
 




  OK，上色！


 

CSS多彩渐变字

 

  

  
 

  
文字：
  

 
 

  
R值：
  

  RGB颜色中的R值（0-255）
 
 

  
G值：
  

   RGB颜色中的G值（0-255）
 
 

  
B值：
  

   RGB颜色中的B值（0-255）
 
 

  
渐变方式：
  
灰度渐变变化R值变化G值变化B值
  相应的数值会强制在0~255之间变化
 




    OK，上色！