小工具标题添加框框

就像我的部落格旁边小工具框框这样,添加外框就是我要教的教程

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

然后在【h2 {】的下面添加以下的代码
-moz-border-radius: 35px;
border-radius: 35px;
border-top: 2px solid #ffaad5;
border-left: 2px solid #ffaad5;
border-right: 2px solid #ffaad5;
border-bottom: 2px solid #ffaad5;
-webkit-transition-duration: 2.0s;
margin:0 0 1.5em;
  padding:7px 10px 7px 10px;
温馨小提示❤
红色的字-->框框外形的形状
浅蓝的字-->框框的厚度,数目越大框框就越厚
粉色的字-->框框的边框种类
橙色的字-->框框的颜色

框框外形形状:
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;


框框的边框种类:
好了就保存起来,就可以去看看你的部落格的小工具有没有框框了=]

2 条评论:

  1. 韓兒博主,你可以到我的blog看看小工具標題框框算不算跟你寫的教程一樣嗎?

    回复删除
  2. 還有,用鼠標指一指小工具標題,謝謝你

    回复删除

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)