多语言展示
当前在线:1687今日阅读:113今日分享:31

如何使用CSS :hover 选择器

CSS :hover 就一个与鼠标动作密切相关的代码,只要你的鼠标有运动之后,这个代码就会让指定的元素发生样式上的变化。
工具/原料

dreamweaver

方法/步骤
1

代码实例。从这个实例我们可 以明白,a选择器会发挥作用。a:hover { background-color:yellow; }

2

主流的浏览器都支持这样的一个代码的应用。

3

规则。这个鼠标效果必须在一系列的其它效果之后发挥自己的作用。下面的这些代码的优先级次序可以一一浏览清楚。a:link    {color:blue;} a:visited {color:blue;} a:hover   {color:red;} a:active  {color:yellow;}

4

我们可以为不同的链接赋予不同的 hover 效果。

5

CSS :focus 选择器 ,这个代码表明在特定的元素窗口,会在操作前有一个样式的告示。

6

代码应用实例:我们在窗口点击一下鼠标,这个窗口的背景就会有颜色变化!

景:

First name:
Last name:

推荐信息