主要用到3個屬性

　linear-gradient() 用來實現漸變的影象

    background-clip 知道物件的悲劇影象向外裁剪的區域

    text-fill-color 指定文字的填充顏色

例如：

<p><a href="#">某市某某生物科技有限公司</a></p>

<style>
  p > a{
            /*to  top指從下到上的漸變*/
      background: linear-gradient(to top,#33CC99 0%,#006666 100%);
      background-clip: text;
      -webkit-background-clip: text;
      text-fill-color: transparent;
      -webkit-text-fill-color: transparent;
    }
</style>
 

效果如下：