一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > Zblog教程 > 正文

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

作者:xlnxin发布时间:2021-04-15分类:Zblog教程浏览:1501


导读:根据我们中国人写文章的习惯,首行是需要缩进两个字的地方的,而使用Z-Blog时,部分主题作者忽略了,博主写文章时每次都自己敲空间挺麻烦的,所以在模板里添加该空间是很有必要...

根据我们中国人写文章的习惯,首行是需要缩进两个字的地方的,而使用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代码想弄明白就到百度搜索下,不作详解。

标签:空间cssdiv主题模板博客