css鼠标悬停伪类

html-css012

css鼠标悬停伪类,第1张

css鼠标悬停伪类 :hover 使用方式如下

<div class="test">则是测试div</div>

.test: hover {

color: orange

font-weight: bold

}

当鼠标悬停在 div test 上时,test里面的文字会加粗,颜色变为橘色。

鼠标悬停伪类在手机端是看不到效果的,因为手机端是触屏的

:active选择器用于选择活动链接。

当在一个链接上点击时,它就会成为活动的激活的。

:active选择器适用于所有元素,不仅限于链接a元素。

:focus,:focus 选择器用于选取获得焦点的元素。

仅接收键盘事件或其他用户输入的元素允许 :focus 选择器。

a{display:block,width:60px,height:40px,把每个导航超链接a标签都设置成块儿,设置好尺寸,具体根据图片的尺寸。

不做成块儿,就无法设置宽高,也就看不到你设置的背景图片。

a:hover{background:url(images/bg_2.jpg)}举例的这个bg_2.jpg就是鼠标放上去之后先是的背景图片。

css中悬停改变样式的最好方法是用伪类选择器div:hover{}。css代码示例如下:\x0d\x0a\x0d\x0adiv{width:100pxheight:200pxbackground:#000}\x0d\x0adiv:hover{background:#fff}\x0d\x0a\x0d\x0a这是一个修改背景颜色的示例,伪类里可以修改跟多的样式,宽度,高度或者字体大小,字体颜色都是可以修改的。