教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 251 CSS
css设置鼠标滑过字体变色
来源：互联网
2023-03-16 19:17:43 447
网页上鼠标滑过字体变色是一种常见的效果，可以通过自己颜色的改变给用户一个很好的体验效果。如何制作鼠标滑过字体变色，可以通过css提供了鼠标滑过:hover选择器对样式进行修改。
语法:
a:hover{
color: red;
}
方法/步骤
打开html开发工具，创建一个html文件，如图：
在html页面找到body>标签，在body>标签里面输入内容，然后用a>标签把内容覆盖。如图：
修改a>标签的内容设置颜色为蓝色，如图：
设置鼠标滑过a>标签，字体变为红色的样式:a:hover{color:red} 。如图：
保存好html文件，使用浏览器打开，首先看到的是蓝色字体，把鼠标放到文字上就会发现蓝色字体变为红色字体。
实现的所有代码，直接把代码复制到html文件即可看到效果：
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>鼠标滑过字体变色/title>
style type="text/css">
a{
color:blue;
}
a:hover{
color: red;
}
/style>
/head>
body>
a href="">把鼠标放到我身上/a>
/body>
/html>
注意事项
- 鼠标滑过样式改边一定要用到：hover选择器
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： CSS
相关文章
- 详细阅读
-
怎么用div布局加css样式做网页详细阅读
怎么用div布局加css样式做网页,怎么做一个网页呢，静态页面的制作是很简单的，我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 417 CSS
-
css基础教程：[1]为网页使用网络字体详细阅读
![css基础教程：[1]为网页使用网络字体](https://exp-picture.cdn.bcebos.com/cca2552c56ee7b7f34c65fc66ef4fcf5ef0d411f.jpg)
css基础教程：[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1，使用网络字体的好处是所有人看到的效果都是样的，效果统一，2，不依赖于用户电脑上是否安装了该字体。......
2023-03-16 259 CSS