伪类hover的作用

前端

伪类hover的作用

使用伪类hover做网页页面的时候会有很大的帮助,大家应该很多人都不会用这个伪类,该文章就来告诉你们伪类hover的大概作用。
伪类hover的作用
首先新建HTML、CSS文档各一个并把它们保存在同一个文件夹中,然后在HTML中引用CSS,然后在“body”标签中给一个“a”标签,内容为“请把鼠标移上来,我会改变颜色”。

接下来写CSS样式
伪类hover的作用
先把设置内外边距默认为零。

然后给“a”标签两个样式,一个去下划线,一个鼠标移入图形变化。

最后用伪类hover给“a”标签设置字体颜色。

下图是鼠标没有移入时
伪类hover的作用
下图是鼠标移入时
伪类hover的作用
伪类hover的作用就是当鼠标移入使用该伪类的标签时,那么伪类hover写的样式就会自动呈现。