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

html-css09

在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、将鼠标移到按钮上，按钮的背景颜色将变为橙色。

解决该问题的具体步骤如下：

需要准备的材料分别是：浏览器、Notepad++。

1、首先我们先来编写一个HTML框架，即用Notepad++新建一个test.html文件。

2、创建一个a标签，进行超链接的展示。

3、书写head书签，在其中进行书写其他编写。

4、书写style标签，在其中书写css代码。

5、利用a:link进行对未点击的超链接进行样式设置，此时设置未点击的链接颜色为“#000000”。

6、利用a:visited进行对已点击的超链接进行设置，此时设置已点击的链接颜色为“#d90a81”。

这样就解决了“一个网页，超链接点击之后变颜色”的问题。