小工具标题添加颜色背景

好久都没有发教程了嗯 /3\ 请原谅我啊 xDD

预览图:
就是那个 Navigation 的背景嗯 :)

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

然后在【h2 {】的下面添加以下的代码 [ps : 若之前添加过背景代码记得删除]
color:#ffffff;
background:#FFECF5;
border-radius:5px;
温馨小提示 ❤
红色的字 --> 字体的颜色
橙色的字 -->
粉色的字 --> 背景的圆角度,可自行调整数目

注意:粉色的字体可以换掉的哦,如果你想要别的形状的话 =D

框框的形状可根据下图显示所选择

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;
好了就先预览看看,如果在预览看到小工具标题后面有背景的话就代表你成功了 =D

最后保存就可以了 :)

没有评论:

发表评论

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)