鼠标移入，改变border颜色

效果图如下：

 

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