飞六网

 找回密码
 立即注册
搜索
热搜: 系统 工具
查看: 1114|回复: 0

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

[复制链接]

443

主题

451

帖子

1628

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1628
发表于 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, 2018-6-25 12:00 , Processed in 0.107618 second(s), 29 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

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