飞六网

 找回密码
 飞六网用户注册邮箱验证
搜索
热搜: 系统 工具
查看: 1464|回复: 0

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

[复制链接]

452

主题

467

帖子

1775

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1775
发表于 2013-8-5 11:10:36 | 显示全部楼层 |阅读模式
实现鼠标经过图片显示边框的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;

}
回复

使用道具 举报

本版积分规则

Archiver|手机版|小黑屋|飞六网 ( 粤ICP备12045999号 )

GMT+8, 2019-11-22 16:27 , Processed in 0.088635 second(s), 20 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表