怎样修改DedeCMS文章正文的显示样式

天外飘仙

安装DedeCMS后的默认模板中，正文内容的显示方式为左对齐，段落前面也没有缩进，段落之间间距与行间距也没有任何区别，这样看起来非常不好看，也不便阅读，所以需要改变一下排版样式。
之所以会显示成这样的效果是因为在DedeCMS中的整个正文是一个DIV标签，DIV标签里面也没有P标签，可能是因为编辑器的原因，编辑器默认回车时生成BR标签而不是P标签，所以正文里面几乎全是BR标签，导致我们看到的都是分行，而没有段落。
其正文对应的CSS文件目录位置在：\templets\default\style目录下面的Page.css文件里
里面具体的CSS内容为

1. .viewbox .content{
   
2.      font-size:14px;
   
3.      padding:12px 16px;
   
4.      line-height:25px;
   
5.      color:#333;
   
6.      }

复制代码

要想改变其正文的显示效果，比如增加段落缩进，加大段落间距等，可对文章正文的P标签进行适当的CSS样式控制。
我们可以这样做：
第一步，确认正文内容包含P标签
在文章的编辑页面，点击编辑器左上角的“源码”命令，查看一下正文的源代码中每段是否是用P标签包裹，如果不是，则需要先把段落的BR标签改成P标签，当然不是在源代码状态改，可先再点一下“源码”命令回到正常编辑视图，把鼠标点到段落的末尾，然后按下Shift+Enter组合键，这样就会自动加上P标签了。
第二步，修改CSS代码
在PAGE.CSS文件中的任意位置增加如下代码，然后保存即可

1. .viewbox .content P{
   
2.      text-indent:2em;
   
3.      margin-bottom:8px;
   
4.     }

复制代码

第一句代码的作用是增加段落缩进，段落首行缩进两个字符，第二句代码的作用是在每个段落的后面增加段落间距8px，如果你需要其它段落效果，可自行添加相应的CSS代码。
修改完以后，再刷新一下就可以看到效果了，效果如下：