鼠标移到图片上给图片加边框CSS代码

前几天一直在研究怎么使鼠标放上去给图片加边框的效果，现在研究了一下子，终于加上去了，现分享给大家，要看效果，请运行下面代码，或是直接到 网站作品 查看效果

<!-- 把下列代码加入到head区内 -->
<style>

.highlightit img{
border: 2px solid #ccc;
}

.highlightit:hover img{
border: 2px solid navy;
}

.highlightit:hover{
border: 2px;color:#3399FF; /* Dummy definition to overcome IE bug */
}

</style>

<!-- 把下列代码加入到body区内 -->
<a href="http://www.webjx.com/" class="highlightit"><img border="0" src="http://localhost/UploadFiles/2015-10/2/201510245862717745.png"></a>
<a href="http://www.google.com/" class="highlightit"><img border="0" src="http://localhost/UploadFiles/2015-10/2/201510247263962811.png"></a>