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代码想弄明白就到百度搜索下,不作详解。
- 上一篇:Z-Blog 静态目录及文件配置
- 下一篇:Z-Blog 博客更换域名的方法步骤
- Zblog教程排行
- 最近发表