指向图片的时候有圆角 + 颜色的框框

 
这个是当你的鼠标指向我的图片就会出现的圆角 + 有颜色的框框

这个只限【Mozilla Firefox】 & 【Google Chrome】

如果你不知道的话也可以指向现在的照片直接看看效果吧

-----教程开始------

先到-->页面元素-->修改Html-->Ctrl + F 寻找【/* Header】

然后在【/* Header】的上面添加以下的代码
a:img {
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}
如果你的【/* Header】的上面已经有【  a img { 】 这个字了，就把【  a img { 】后面的代码换成以下的代码
-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FF66CC;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}
温馨小提示❤
❤红色的字体-->是你要的颜色咯，想要颜色的话就去颜色代码那里看看哦=]

如果不明白的话就告诉我呗
❤

22 条评论:

  1. Sin Yuan2011年10月24日 13:00

    Me d no the header???

    回复删除
  2. Dannie ヾ(o◕∀◕)ﾉヾ2011年10月24日 13:18

    请问你是旧模板么？

    回复删除
  3. Sin Yuan2011年10月24日 13:24

    ya

    回复删除
  4. Dannie ヾ(o◕∀◕)ﾉヾ2011年10月24日 14:15

    你尝试找看没有【a img {】这个字

    回复删除
  5. Sin Yuan2011年10月25日 09:49

    No this word...

    回复删除
  6. Sin Yuan2011年10月25日 17:14

    Thx...I can do le

    回复删除
  7. Dannie ヾ(o◕∀◕)ﾉヾ2011年10月26日 13:23

    kk
    =]

    回复删除
  8. 我只爱 W.S.H !! ❤2011年11月18日 20:25

    我的还是不能够 :(
    按保存了 会出现 - ID 为 HTML1 的窗口小部件发现了不只一个。窗口小部件 ID 应是唯一的。

    酱的字 所以还是不能 :(

    教教我~

    回复删除
  9. Dannie ヾ(o◕∀◕)ﾉヾ2011年11月21日 10:31

    雪诗：怎么说呢？你有没有找到【/* Header】这个呢？
    把代码放在上面就好了啊

    回复删除
  10. Lynn2012年1月20日 16:11

    拿咯！！！谢谢你！好美啊~

    回复删除
  11. 可芊 ♥2012年2月14日 15:50

    copy不到

    回复删除
  12. Dannie ヾ(o◕∀◕)ﾉヾ2012年2月14日 20:24

    Bernice 可芊 ♥：

    用 Ctrl + C 复制代码哦

    回复删除
  13. момэ ♡2012年2月17日 22:43

    我想弄這個
    可以么。。？

    回复删除
  14. Dannie ヾ(o◕∀◕)ﾉヾ2012年2月18日 10:15

    момэ ♡：

    当然可以啊

    回复删除
  15. TSY.2012年3月5日 19:37

    做不到的

    回复删除
  16. Dannie ヾ(o◕∀◕)ﾉヾ2012年3月5日 21:14

    XiaoMui ♥：

    我看到你的部落格成功了哦 ^^

    回复删除
  17. yiling2012年5月5日 12:28

    轉載教程咯～謝謝

    回复删除
  18. Xiiao MoMo____♥2012年12月17日 01:45

    做不到的><

    回复删除
    回复
    1. Dannie ヾ(o◕∀◕)ﾉヾ2012年12月19日 16:20

      如果你有添加了其他的图片效果要记得删除 =)
      不然就会显示不到了

      删除
  19. Jenny Sia2013年2月22日 18:44

    颜色代码在哪 /____\

    回复删除

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆，有些我不能一一评论

2、如有捣乱着，恕我删除留言

3、有些博友要的教程，请勿再三询问，请到教程列表里仔细寻找

谢谢 :)

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*