码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标移入,改变border颜色

时间:2018-08-14 14:54:31      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:20px   bsp   代码   bbb   nbsp   dem   span   parent   no-repeat   

效果图如下:

 

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颜色

标签:20px   bsp   代码   bbb   nbsp   dem   span   parent   no-repeat   

原文地址:https://www.cnblogs.com/ash-sky/p/9472857.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!