CSS实现鼠标悬停图片时的边框变色效果

CSS实现鼠标悬停图片时的边框变色效果,CSSS双边框,鼠标悬停变色效果,用CSS实现的图片双边框效果,鼠标悬停经过时显示背景色,很简单的效果,网上常见,代码不复杂,用的是一些基本的CSS知识。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Border双边框-www.codesc.net</title>
<style>
*{margin:0;padding:0;list-style:none;font-size:14px}
h1{margin:10px;}
img{border:1px solid #ccc}
.info li { padding:8px;width:140px;float:left}
.info li .img { padding:8px; border:1px solid #CBCBCB;display:block;}
.info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;}
.info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;}
</style>
</head>
<body>
<div class="info">
<ul>
<li><a href="/" class="img" ><img src="http://www.codesc.net/jscode/demoimg/demoimg.jpg" /></a></li>
</ul>
</div>
</body>
</html>


引自:http://www.codesc.net/jscss/4.shtml

阅读更多
文章标签: css
上一篇PHP QR库生成二维码完整源码包分享
下一篇CSS分页按钮样式代码-www.codesc.net
想对作者说点什么? 我来说一句

css图片边框效果实现

2011年10月24日 340B 下载

15种CSS3图片Hover悬停效果代码

2014年08月28日 861KB 下载

css3网页相片鼠标悬停效果

2014年08月02日 44KB 下载

css 实现鼠标悬停放大图片

2016年05月06日 523KB 下载

完全CSS写的鼠标悬停tip效果

2008年11月28日 17KB 下载

没有更多推荐了,返回首页

关闭
关闭