伪类hover的作用

前端

伪类hover的作用

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

接下来写CSS样式

先把设置内外边距默认为零。

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_44540360/article/details/90632375
今日推荐