小工具添加外框

在小工具的外面添加框框，就像上图所显示的一样，外面有圆角框框的哦

先到设计 --> 修改 Html --> Ctrl + F 寻找【/* Widgets】

然后在【----------------------------------------------- */】的下面添加以下的代码

.sidebar .widget {
background: #FFFFFF;
border:1px dashed #ccb299;
-moz-border-radius: 15px 15px;
border-radius:15px 15px;
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;

好了就可以先预览看看，然后看到有框框了就可以保存起来了哦 :)