我想用CSS外部样式表实现鼠标悬停字体变大!自己试不少都不行

html-css06

我想用CSS外部样式表实现鼠标悬停字体变大!自己试不少都不行,第1张

a{font-size:12px}

a:hover{font-size:16px}

以上代码即可悬停变大,:hover可以加在任何元素上,但IE6下只对加上A标签上的识别得出来。确认你是不是在用IE6,并确认你是加在什么元素上的

关键是,你的问题模棱两可,而且也没有代码,实在不好帮你得

实现鼠标悬停在图片上底部弹出文字内容的实现方法:

HTML代码:

<div id="wrapper">

<img src="http://placehold.it/300x200" class="hover" />

<p class="text">text</p>

</div>

CSS代码:

#wrapper .text {

position:relative

bottom:30px

left:0px

visibility:hidden

}

#wrapper:hover .text {

visibility:visible

}

你在.diyiduan:hover里面设置了box-sizing:border-box,可是在.diyiduan中没有设置。

box-sizing:border-box的意思是边框和边距都算在width里面,所以宽度就有区别了