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代码想弄明白就到百度搜索下,博客吧不作详解。

原创文章,作者:carmelaweatherly,如若转载,请注明出处:https://blog.ytso.com/247086.html

(0)
上一篇 2022年4月20日
下一篇 2022年4月20日

相关推荐

发表回复

登录后才能评论