HTML伪类hover的应用

今天讲一个最基础的UI伪类应用,什么为ui伪类,就是会在HTML元素处于某种状态时,为该元素应用css样式,比如hover伪类就是当鼠标在该元素上时,应用css样式,首先要先写好HTML的样式如图一,无固定,大家可以各凭喜好,
HTML伪类hover的应用图一
我这里就是为其设置一个简单的正方形,为其设置简单的css样式后,再入图二,设置houver伪类,就是当鼠标移上去后所显示的样式,可以看到图二变大了,并且改变了颜色,也可以变换成图片,圆形,等等,具体用法要看自己的需求,最后css的代码如图三。
HTML伪类hover的应用
图二
HTML伪类hover的应用
图三