之前做过一个生成渐变字体的简单演示今天闲着没事就把这个功能完善了，把JS代码封装成一个类，载入页面就可以使相应的HTML元素内部的字体产生渐变色。

你需要做的只是在HTML页面里面把需要用到渐变色的文字加上外容器（span标签或者a标签都可以），再给这个标签加入name属性做渐变元素的标示，rel属性指示渐变的颜色，rel属性的格式很重要： 代码如下:rel=”#十六进制颜色-#十六进制颜色” 少一个或多一个字符都不行。 CSS+JS多彩渐变字 body{font:12px/1.5 arial} h3{padding:10px;margin:0;background-color:#c00;border:1px dashed #ff