当鼠标指向图片时出现圆角

步骤1 :  Design --> Edit Html --> 按Ctrl+F  找到a img {

 2 :然后把 a img { 之后的code删除 替换成

-webkit-transition-duration:.4s;}
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #F8ECE0;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

若是找不到a img { 就找 /* 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 #F8ECE0;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

红色的是调整大小
青色highlight的是颜色代码

若是要有朦朦的效果就在添加opacity: .6;

就会变成这样...

a img {
-webkit-transition-duration:.4s;}
opacity: .6;
img:hover {filter: alpha(opacity=60);
border-radius:20px;
border: 1px #FF66CC;
-webkit-box-shadow: 0px 0px 20px #F8ECE0;
-moz-box-shadow: 0px 0px 20px #FF66CC;
}

不要忘记按下广告哦=]
你的支持是我写下去的动力哦^^