如何添加图片被鼠标指着的时候出现的影子和框框变成圆角

不明白我说什么吗？？

轻轻指着这下面的图你就会知道了^^

首先 ：

设计 > 修改HTML > 找出以下的代码^^

.post-body img {

然后在它的之后有这个}对吗？？

把以下的代码放在}的之前^^

-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);

border-radius:2px;

border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #FE2EF7;
-moz-box-shadow: 0px 0px 20px #00FFFF;

如以下的图^^

明白吗？？





如果没有的话

就加在a:hover { 的之后^_^


再没有的话

就加在 /* Header的钱面



再再再没有的话

我真的不知道该怎样了>_<



然后保存就可以了^^
记得！！！
保存前要把你原本的模板保存好来哦^^

NOTES ：

moz-box-shadow:20px = 影子与图边的距离，简单来说就是影子有多大

例子：

这是20px的^^

这是80px的^^

#00FFFF = 颜色代码 （ 你可以到这里拿到你要的代码^^)

border-radius:2px; = 图片被指着的时候图片会变成圆角，也就是更改圆角要有多圆。

例子 ：

这是border-radius:2px;

这是border-radius:50px;