在标题下添加分割线

这个是在你帖子标题下面的那条线啦，

这个有2款的哦，一款是单单线条而已，另一款就是图案的啦，在这两款里面选择一款吧 

先到-->设计-->页面元素-->修改Html

Ctrl + F 寻找【 /* Posts】 

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

这是第一款，这款是只有线条而已的哦
h3.post-title {
text-align:center;
border-bottom: 2px solid #ffaad5;
padding::0px 0px 4px 0px;
}
温馨小提示❤
❤橙色的字-->线条的厚度，数目越大就越厚
❤红色的字-->线条的形状
❤粉色的字-->线条的颜色
❤如果你不想要你的帖子标题在中间就把【 text-align:center; 】删掉就好了，因为这里面有让帖子的标题在中间的代码啦=]

线条的形状：

------------------------分割线------------------------

第二款是图案的线条
就像上图一样的，
h3.post-title {
text-align:center;
background:   url(图片URL) no-repeat scroll  left;
padding:0px 0px 45px 0px;
}
温馨小提示❤
❤图片URL-->就是图片的网址啦，想要的话可以去素材看看啦，虽然不多，但是也应该可以让你们看上啦=]
❤如果你不想要你的帖子标题在中间的话就把【 text-align:center; 】给删掉就好了

先预览看看有没有线条，有的话就保存起来，祝你成功啊
❤

6 条评论:

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*