鼠标经过图片显示边框的CSS代码

热爱工作,投身事业,在这一过程中,抑制私心,陶冶人格,同时积累经验,提高能力。这样,才能获得周围人们的信任和尊敬。

参考鼠标经过一个链接显示下划线:

复制代码
代码如下:

a.doubleLeft:hover
{
text-decoration:underline;
}

先设置一张图片的初始属性:
复制代码
代码如下:

.pcStyle
{
border: 2px solid #FFFFFF;
margin: 1px;
height: 79px;
}

再设置鼠标经过时的属性:
复制代码
代码如下:

img.pcStyle:hover
{
border: solid 2px #FAAF50;
margin: 1px;
height: 79px;
}

本文鼠标经过图片显示边框的CSS代码到此结束。当世界都在说放下的时候,轻轻的告诉自我:再试一次。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
基于CSS 判断鼠标进入的方向

CSS如何实现鼠标移至图片上显示遮罩层效果

html+css+javascript如何实现跟随鼠标移动显示选中效果

如何利用HTML+CSS如何实现跟踪鼠标移动功能

详解CSS如何实现仿Windows10鼠标照亮边框效果