资源仓

Z-Blog 博客正文CSS实现首行缩进的方法

根据我们中国人写文章的习惯,首行是需要缩进两个字的地方的,而使用Z-Blog时,部分主题作者忽略了,博主写文章时每次都自己敲空间挺麻烦的,所以在模板里添加该空间是很有必要了。资源仓说一下如果实现Z-Blog博客文章首行缩进两个字的空间的方法。

缩进方法步骤:

1、登陆自己的Z-Blog博客后台,文件管理——THEMES——当前博客主题——STYLE目录,在STYLE目录中找到主题的CSS文件

2、点击CSS文件后面的编辑,进入代码编辑修改页面

3、在CSS文件中找到文章内容的样式(如post-body),在“{”后面添加以下代码:text-indent:2em; 例如:

1
2
3
.post-body {text-indent:2em;}

注意:主题的作者不同,不一定会全部都使用post-body的样式名,但是一般会使用与内容相关的英文或英文组合,例如ubuntu主题使用的是div.post-contents(如果不知道是哪个,可以在资源仓留言)

4、添加代码后,点击提交保存,然后重建文件,完成,打开文章可以看见效果了。

提示:该功能的实现完全是依赖CSS代码,至于text-indent:2em代码想弄明白就到百度搜索下,资源仓不作详解。


发表评论

还没有评论,快来说点什么吧~

联系客服
网站客服 业务合作 Q交流群
474730671
公众号
公众号
公众号
返回顶部