燕山网络科技

首页 网站教程zblog教程正文

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

燕山网络科技2017-09-30732

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


燕山网络科技 https://www.hnysnet.com/zblogcn/1467.html 转载需授权!

上一篇:Z-Blog 博客后台网站设置之全局设置

下一篇:Z-Blog 博客更换域名的方法步骤

(¬_¬) 还不快点抢沙发!!!

服务热线

15639981097

qrcode

扫一扫二维码,访问手机版

扫一扫二维码,添加客服微信