让自己的生命充满有趣喜悦的故事,去勇敢经历,拼搏
回归自由: 小工具标题添加框框

小工具标题添加框框

看到我的小工具标题没有??是不是有框框包围着字啊?xD
哈哈`我在讲废话@@
这个能让你的小工具更整齐哦!

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

1.

设计---修改html----Ctrl+F找

h2 {
2.

在 h2 { 的下面添加这个代码:



-moz-border-radius: 80px;
border-radius: 80px;
border-top: 2px solid #FFCCFF;
  border-left: 2px solid #FFCCFF;
  border-right: 2px solid #FFCCFF;
  border-bottom: 2px solid #FFCCFF;
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;


注意!
我多事,把代码弄成两段,
记得两段都要copy啊^^xD



外框线条类型如下:




保存后,
教程完--------------------------