参照以下代码：
写在标签内的鼠标经过的语句。
<p>查找更多代码，.borderColor之类的前面一定要有style，因为是改变行内样式，如果是classname就不用，如onMouseOut="this.style.background='url(image/login_2.jpg)'" ，一定要'url()',不然出错。
<div class="cbt2" onMouseOver="this.className='cbt1'" onMouseOut="this.className='cbt2'"><span class="btsue" onMouseOver=" this.style.color='#FFFFFF'" onMouseOut="this.style.color='#0066cc'" >确 认</span></div>
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：。
body {
animation: change 3s linear 0s infinite
}
@keyframes change {
0% {color: #333}
50% {color: #f60}
100% {color: #f00}
}
3、浏览器运行index.html页面，此时字体颜色会随着时间的变化而自动变化。
<font color="#ff0000">要变色的文字</font>或者<span style="#ff0000">要变色的文字</span>
