在标题下添加分割线

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

这个有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、有些博友要的教程,请勿再三询问,请到教程列表里仔细寻找

谢谢 :)