## 样式设置
通过给文档添加自定义样式,可以改变阅读页面的风格甚至布局,保存后重新发布一次文档才会生效。
所有阅读页面的样式都可以通过自定义样式改变,下面是一个参考示例:
```
/* 改变代码外层的pre样式 */
.think-editor-content pre{
border:1px solid silver;
}
/* 改变默认的引用段落样式 */
.think-editor-content blockquote.default{
border-left: 5px solid #D0E3F0;
margin: 8px 0;
padding: 8px 16px;
background-color: #F0F7FD;
color: #0382AD;
}
/* 改变文档标题样式 */
.m-manual .manual-title .text{
font-size:24px;
font-weight:400;
}
```
>[info] 如果你是使用版本库离线提交的话,在版本库的根目录下面创建style子目录,添加一个 style/website.css样式文件,编辑保存即可。
> 具体需要改变什么元素的样式,可以直接用浏览器的审查元素功能查看具体的id或者class,充分发挥自己的想象力吧。