文字渐变
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="http://at.alicdn.com/t/font_577512_r5hc57y68b29y66r.css"> <style> .text-gradient { color: #b6264b; font-size: 10em; font-family: '微软雅黑'; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(249, 0, 243, 1)), to(rgba(253, 0, 31, 1))); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }; </style> </head> <body> <i class="iconfont icon-chengyuanguanli text-gradient" style="font-size: 100px;"></i> </body> </html>