文字

样式自定义

通过给文档添加自定义样式,可以改变阅读页面的风格甚至布局,从而做到你的文档你做主

右上角打开样式表页面:

输入需要自定义的样式后点击保存按钮(或者使用CTRL+S快捷键)保存。

所有阅读页面的样式都可以通过自定义样式改变,下面是一个参考示例:

/* 改变代码外层的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;
}

保存后记得重新发布一次文档才会生效。

如果你是使用版本库离线提交的话,在版本库的根目录下面创建style子目录,添加一个 style/website.css样式文件,编辑保存即可。
具体需要改变什么元素的样式,可以直接用浏览器的审查元素功能查看具体的id或者class,充分发挥自己的想象力吧^_^

上一篇: 下一篇:
  页面正在加载中