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

当前位置 : 首页 > 网页制作 > CSS > 鼠标经过图片显示边框的CSS代码

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

来源: 作者: 时间:2015-11-21 17:24
鼠标经过图片显示边框的CSS代码,需要的朋友可以参考下。
鼠标经过图片显示边框的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;
}

Tag:
网友评论

<