CSS背景漸變

/*線性漸變*/
background: linear-gradient(to right, #FF0000, #0000FF);
/*徑向漸變*/
background: radial-gradient(circle, #FF0000, #0000FF);
/*重復線性漸變*/
background: repeating-linear-gradient(to right, #FF0000, #0000FF);
/*重復徑向漸變*/
background: repeating-radial-gradient(circle, #FF0000, #0000FF);

文字漸變色

/*線性漸變*/
background: -webkit-linear-gradient(#FF0000, #0000FF);
background: -o-linear-gradient(#FF0000, #0000FF);
background: -moz-linear-gradient(#FF0000, #0000FF);
/*徑向漸變*/
background: -webkit-radial-gradient(#FF0000, #0000FF);
background: -o-radial-gradient(#FF0000, #0000FF);
background: -moz-radial-gradient(#FF0000, #0000FF);
/*重復線性漸變*/
background: -webkit-repeating-linear-gradient(#FF0000, #0000FF);
background: -o-repeating-linear-gradient(#FF0000, #0000FF);
background: -moz-repeating-linear-gradient(#FF0000, #0000FF);
/*重復徑向漸變*/
background: -webkit-repeating-radial-gradient(#FF0000, #0000FF);
background: -o-repeating-radial-gradient(#FF0000, #0000FF);
background: -moz-repeating-radial-gradient(#FF0000, #0000FF);

以上是CSS背景漸變和文字漸變色的實現方式。在CSS3中，我們可以很容易地實現各種漸變效果。在調用這些漸變時，需要注意瀏覽器兼容性問題，建議用前綴來區分不同的瀏覽器。 在實際開發中，可以根據需求選擇不同類型的漸變效果，讓網頁更加美麗和動態。