飞六网

标题: 实现鼠标经过图片显示边框的CSS代码 [打印本页]

作者: fufei 时间: 2013-8-5 11:10
标题: 实现鼠标经过图片显示边框的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;

}

欢迎光临飞六网 (http://fly666.com/bbs/)