                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

鼠标滑过文本变色是如何实现的

还有变大小

阿橙cc

2017-01-05

源自：初识HTML(5)+CSS(3)-升级版 10-8

关注问题我要回答

2343

操作

收起

5 回答

williamzyl 回答被采纳 +3 积分
2017-01-05

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            text-align: center;
        }
        span{
            color: blue;
            font-size: 15px;
        }
        span:hover{
            color: red;
            font-size: 20px;
        }
    </style>
</head>
<body>
<span>文本</span>
</body>
</html>

0 回复有任何疑惑可以回复我~

#1

阿橙cc 提问者

非常感谢！

2017-01-05 回复有任何疑惑可以回复我~

慕粉1826222000
2017-01-25

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>删除样式</title>
<style type="text/css">
.oldPrice{text-decoration:line-through;color:blue;}
span:hover{color:green;font-size:30px;}
</style>
</head>
<body>
<p>原价：<span class="oldPrice"><span style="color:black">300</span></span>元 现价：230 元</p> 
</body>
</html>

如果把span:hover{color:green;font-size:30px;}里面的font-size:30px;去掉的话，鼠标放在300上面的时候文字不会变成绿色，这是为什么呢，求解

0 回复有任何疑惑可以回复我~

qq_迷糊咪咕_0
2017-01-05

先在上方写入a:hover{color:red;}

后再文本内将鼠标滑过需要变动的文本用<a>文本</a>括入

0 回复有任何疑惑可以回复我~

慕粉1332493281
2017-01-05

<!DOCTYPE HTML>
<html>
<hend>
<meta charset="utf-8">
<body>
</dody>
</hend>

</html>

0 回复有任何疑惑可以回复我~

Tutoleo
2017-01-05

使用伪类选择器，可以实现该功能，如：a:hover{color:#00ffff;}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226687 人
解答问题 18245 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

2 回答关于鼠标滑过的状态，如何控制这两个鼠标滑过的时候颜色不一样

3 回答鼠标滑过时的特效

2 回答鼠标点击上方如何有颜色变化

1 回答这个<a>标签不是只定义了“胆小如鼠”吗？为什么当鼠标滑过段落时也会变色

1 回答鼠标滑过哟怎么没有文字啊？？

搜索更多本课相关问答

鼠标滑过文本变色是如何实现的

我要回答关注问题

意见反馈帮助中心 APP下载