飞六网

 找回密码
 飞六网用户注册邮箱验证
搜索
热搜: 系统 工具
查看: 2504|回复: 0
打印 上一主题 下一主题

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

[复制链接]

461

主题

479

帖子

1854

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1854
跳转到指定楼层
楼主
发表于 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, 2024-4-20 10:57 , Processed in 0.073129 second(s), 19 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

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