鼠标经过小工具标题会有变化

如果不明白的话就去指着我小工具的标题下就知道了咯，这个就是我要教的。

如果还是不明白的话就是当鼠标经过小工具标题的时候框框会变成另外一种框框

先到-->设计-->修改 Html-->然后Ctrl + F 寻找【h2 {】

然后在【h2 {】的上面把以下的代码添加进去

h2:hover {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-webkit-transition-duration: 1s;
border-top: 2px solid #ffaad5;
  border-left: 2px solid #ffaad5;
  border-right: 2px solid #ffaad5;
  border-bottom: 2px solid #ffaad5;
}

温馨小提示❤
❤红色的字-->框框的外形
❤橙色的字-->框框的厚度，数目越大，厚度就越厚
❤浅蓝的字-->框框的外形种类
❤粉色的字-->框框的颜色

框框的外形如图：

A 形状的代码：

-moz-border-radius-bottomright: 50px;

 border-bottom-right-radius: 50px;

B 形状的代码：

-moz-border-radius-bottomright: 50px 25px;

 border-bottom-right-radius: 50px 25px;

C 形状的代码：

-moz-border-radius-bottomright: 25px 50px;

 border-bottom-right-radius: 25px 50px;

D 形状的代码：

-moz-border-radius: 1em 4em 1em 4em;

 border-radius: 1em 4em 1em 4em;

E 形状的代码：

-moz-border-radius: 25px 10px / 10px 25px;

 border-radius: 25px 10px / 10px 25px;

F 形状的代码： 

-moz-border-radius: 35px;
border-radius: 35px;

框框的边框种类：

好了就先预览看看代码有没有问题，然后好了就保存起来，现在就指看你的小工具标题有没有变化啊  XD