在CSS中如何实现鼠标移上去后,字体变颜色?

html-css065

在CSS中如何实现鼠标移上去后,字体变颜色?,第1张

1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index.html。

2、在index.html中的<style>标签中,输入css代码:button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中,出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上,按钮的背景颜色将变为橙色。

css设置第三行之前的都变颜色在index.html中的<style>标签中,输入CSS代码:。body{animation:change3slinear0sinfinite}@keyframeschange{0%{color:#333}50%{color:#f60}100%{color:#f00}}3、浏览器运行index.html页面,此时字体颜色会随着时间的变化而自动变化。