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
代码应用实例:我们在窗口点击一下鼠标,这个窗口的背景就会有颜色变化!
景:
上一篇:明日方舟SW-EV-2怎么打
下一篇:香嫩滑爽豆腐脑怎么做