教程 | 在小工具标题下添加分割线

- Tutorial requested by YF -

教程① - 在小工具标题下添加分割线（图片）

1. 设计 → 修改 HTML

2. 寻找代码 h2 {

3. 在 h2 { 下面添加以下代码：

background: url(图片 url) no-repeat center;

padding-bottom: 30px;

4. Preview 看看，图片出现了，即可保存。

小解释：
红色代码：图片网址（可在左手边 stuff 取得）
蓝色代码：图片的位置，可选  *center, left, right
紫色代码：数目越大，图片离小工具标题越远

教程② - 在小工具标题下添加分割线

1. 设计 → 修改 HTML

2. 寻找代码 h2 {

3. 在 h2 { 下面添加以下代码：

border-bottom: 1px solid #000000;

 4. Preview 看看，若分割线出现了，即可保存。

小解释
红色代码：线条的粗度
蓝色代码：线条的种类
紫色代码：线条的颜色

*线条的种类*