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>
1607
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
