1、首先创建一个新的html文件，如图所示。
2、在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg ，如图所示。
3、接着在title标签后创建style标签用来给bg类添加样式。在这给bg类设置了一个宽、高和背景颜色。
4、然后设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。
5、最后实用浏览器打开，保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色。
首先需要找到这段字所在的标签，(如<p>标签)
之后设置当鼠标悬浮在该标签上时的样式,在css样式表中声明选择器 标签:hover(如p:hover)
x:hover为伪类样式，hover表示鼠标悬浮在这一标签上时
最后在{}中添加设置字体大小、颜色的代码(如 color:red)
超文本标记语言（标准通用标记语言下的一个应用，外语缩写HTML），是迄今为止网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
超文本标记语言（标准通用标记语言下的一个应用，外语缩写HTML），是迄今为止网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
鼠标滑过字体变色是一种常见的效果，制作鼠标滑过字体变色，可以通过css提供了鼠标滑过hover选择器对样式进行修改。 *** 作步骤如下：
1、首先打开html开发工具，创建一个html文件。
2、在html页面找到<body>标签，在<body>标签里面输入内容，然后用<a>标签把内容覆盖。
3、修改<a>标签的内容设置颜色为蓝色。
4、保存好html文件，使用浏览器打开，把鼠标放到文字上就会发现字体变为蓝色字体。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）