星空物語
2016-04-16 09:50
如果想实现鼠标滑过“勇气”二字时,字号为40px,滑过“胆小如鼠”时,字号是20px,该怎么写代码?
.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>
这样可以实现,不知道还有没有更好的方法,您参考下吧!
<span class="font40">勇气</span><span class="font20">胆小如鼠</span>
.font40:hover{font-size: 40px; }
.font20:hover{font-size: 20px; }
<div id="box1">勇气</div>
<div id="box2">胆小如鼠</div>
CSS代码如下:
#box1:hover{font-size: 40px; }
#box2:hover{font-size: 20px; }
在11行插入以下代码
h1:hover{font-size:40px;}
a:hover{size:20px}
伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式
分别用两个标签分开控制,标签可以自己任一设或者加id,伪类选择符 :hover可以更改鼠标滑过的格式
HTML代码如下:
<div id="box1">勇气</div>
<div id="box2">胆小如鼠</div>
CSS代码如下:
#box1:hover{font-size: 40px; }
#box2:hover{font-size: 20px; }
初识HTML(5)+CSS(3)-升级版
1225307 学习 · 18230 问题
相似问题
回答 3
回答 1