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

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

CSS Border双边框-

*{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;}