效果图如下：
html代码：
<div id="frame"> <img src="picture/lover.jpg"/> </div>
css代码:
#frame{ width: 200px; background: #FFFFFF; text-align: center; } #frame img{ width: 90%; border: 1px solid #eeeeee; background: #FFFFFF; vertical-align:middle; margin: 6px 0; } #frame:hover img{ border: 1px solid #bbb; }
这个demo简单的改变了div的border的颜色：从无色到透明；还有div背景图的一个路径。
原文：https://www.cnblogs.com/ash-sky/p/9472857.html