效果圖如下：

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背景圖的一個路徑。

鼠標移入，改變border顏色