前端
伪类hover的作用
使用伪类hover做网页页面的时候会有很大的帮助,大家应该很多人都不会用这个伪类,该文章就来告诉你们伪类hover的大概作用。
首先新建HTML、CSS文档各一个并把它们保存在同一个文件夹中,然后在HTML中引用CSS,然后在“body”标签中给一个“a”标签,内容为“请把鼠标移上来,我会改变颜色”。
接下来写CSS样式
先把设置内外边距默认为零。
然后给“a”标签两个样式,一个去下划线,一个鼠标移入图形变化。
最后用伪类hover给“a”标签设置字体颜色。
下图是鼠标没有移入时
下图是鼠标移入时
伪类hover的作用就是当鼠标移入使用该伪类的标签时,那么伪类hover写的样式就会自动呈现。