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

关于在多处位置实现鼠标滑过时显示不同字号

如果想实现鼠标滑过“勇气”二字时，字号为40px,滑过“胆小如鼠”时，字号是20px,该怎么写代码？

星空物語

2016-04-16

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

关注问题我要回答

1054

操作

收起

7 回答

游梦雨回答被采纳 +3 积分
2016-04-16

.stress1:hover{color:red;font-size:20px;}
.stress2:hover{color:blue;font-size:40px;}

<a href="http://www.imooc.com" class="stress1">胆小如鼠</a>

<a href="http://www.imooc.com" class="stress2">勇气</a>

这样可以实现，不知道还有没有更好的方法，您参考下吧！

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

#1

星空物語提问者

谢谢~那图片放大怎么弄呢

2016-04-16 回复有任何疑惑可以回复我~

#2

游梦雨回复星空物語提问者

不好意思，这个我也不会了

2016-04-17 回复有任何疑惑可以回复我~

倾昀
2016-04-16

<span class="font40">勇气</span><span class="font20">胆小如鼠</span>

.font40:hover{font-size: 40px; }

.font20:hover{font-size: 20px; }

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

一个做程序员的乐高老师
2016-04-16

<div id="box1">勇气</div>

<div id="box2">胆小如鼠</div>

CSS代码如下：

#box1:hover{font-size: 40px; }

#box2:hover{font-size: 20px; }

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

花瓣飄散在思緒
2016-04-16

在11行插入以下代码

h1:hover{font-size:40px;}

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

qq_爱情洁癖_0
2016-04-16

a:hover{size：20px}

伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式

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

qq_胖子_11
2016-04-16

分别用两个标签分开控制，标签可以自己任一设或者加id，伪类选择符：hover可以更改鼠标滑过的格式

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

张海春
2016-04-16

HTML代码如下：

<div id="box1">勇气</div>

<div id="box2">胆小如鼠</div>

CSS代码如下：

#box1:hover{font-size: 40px; }

#box2:hover{font-size: 20px; }

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

举报

0/150

提交

取消

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

参与学习 1225293 人
解答问题 18230 个

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

本课相似问答

3 回答怎么实现鼠标经过时显示内容，鼠标离开时隐藏内容？

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

3 回答鼠标滑过时的特效

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

3 回答有两个a标签，鼠标滑过时想有两种不同形式怎么搞

搜索更多本课相关问答

关于在多处位置实现鼠标滑过时显示不同字号

我要回答关注问题

意见反馈帮助中心 APP下载