昨天晚上某一位站长问我，网页文字怎么自动变换颜色，其实这一类的代码在网上早已泛滥，经不住该站长的软磨硬泡，其实很简单，今天就把代码发出来，提供给有需要的人。

注：模版不一样，细节性的可能还需要自己调整。

在这里只给大家讲讲div+css来实现自动变色，当然如果用js更简单，只是不想用而已。

1、首先我们写出自动变换颜色的css代码（如下所示）

自动变色代码：

#bianse{animation:change 10s linear 0s infinite;} @keyframes change{0%{color:#333;}25%{color:#fff0;}50%{color:#f60;}75%{color:#cf0;}100%{color:#f00;}}

上面的颜色代码，自己去更换额，毕竟每个人喜欢的颜色不一样，而且大家在这里只是测试，颜色都是乱写的。 2、在需要变换颜色的地方，调用就行了。 我们找到模版文件标题加上调用 id="bianse" 即可。

调用方式：

<h2 class="post-title" id="bianse">这里是标题内容</h2>

在这里说一下不想用js的原因，网页设计的核心原理：越简单越好。 好了，关于文字标题自动变换颜色的教程就到这里结束了，如果你还有什么不懂的，评论区留言交流。