越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

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


- 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 看看,若分割线出现了,即可保存。

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

*线条的种类*

5 comments:

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。