教程 || 小工具标题背景+圆角框框

给ah bii的教程

教程开始

点它: 

① 信息中心 --> 设计 --> 修改HTML

② Ctrl+F 寻找以下代码

.sidebar h2 {

③ 在.sidebar h2 {下面加以下代码



background:#FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
margin:0 0 1.5em;
  padding:7px 10px 7px 10px;
text-align:center;



提示:
红色代码 - 背景颜色，若要放美美的背景，将以下代码取代红色代码

background:url(背景网址); 

橙色代码 - 框框厚度，数字越大代表越厚哦!
绿色字体 - 框框款式，你可以换去以下的字

- dotted
- dashed
- none
- double
- groove
- ridge
- inset
- outset

蓝色代码 - 框框颜色，颜色代码 >>在此<<
粉红色代码 - 你可以换成

- right
- left

标记代码 - 框框形状，若要其他形状，可以参考下面，以你喜欢的形状，将一下代码取代标记代码

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: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

D:

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

④ 先预览后储存哦!=)

完成!!

祝你成功!!

提示：有些人找不到.sidebar h2 { 怎么办？

那就找.sidebar { ，然后你会看到以下代码

.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

在他的下一段加以下代码


.sidebar h2 {
background:#FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
margin:0 0 1.5em;
  padding:7px 10px 7px 10px;
padding-bottom:8px;
padding-top:8px;
text-align:center;
}

链接我/Link Me

<center><a href="http://xiuwen53.blogspot.com" target="_blank"><img src="http://i1226.photobucket.com/albums/ee407/Xiuwen53/Xiuwens%20Design/Bloglogo_conew2.png"/></a></center>