/*1-6级标题颜色*/ [data-type="NodeHeading"][class="h1"] { /*display: inline-block !important; 右上角引用的数字显示不正常,注释掉这一行正常,下面一样,直接删除掉了*/ color: #d40045 !important; } [data-type="NodeHeading"][class="h2"] { color: #ff7f00 !important; } [data-type="NodeHeading"][class="h3"] { color: #66b82b !important; } [data-type="NodeHeading"][class="h4"] { color: #e8c258 !important; } [data-type="NodeHeading"][class="h5"] { color: #996fea !important; } [data-type="NodeHeading"][class="h6"] { color: #5d94e1 !important; } /* 1-6级标题下画渐变色横线,取自主题-卡片边框化 */ div[data-subtype="h1"]:after { content: ""; font-size: 8px; left: 0; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0)); } div[data-subtype="h2"]:after { content: ""; font-size: 8px; left: 0; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0)); } div[data-subtype="h3"]:after { content: ""; font-size: 8px; left: 0; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0)); } div[data-subtype="h4"]:after { content: ""; font-size: 8px; left: 0; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0)); } div[data-subtype="h5"]:after { content: ""; font-size: 8px; left: 0; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0)); } div[data-subtype="h6"]:after { content: ""; font-size: 8px; left: 0; position: absolute; width: 100%; height: 1px; background: linear-gradient(to right, rgb(255, 255, 255), rgb(0, 0, 0)); }
[css] 第三版(凑热闹)标题颜色变化 + 标题下加渐变横线
-
思源笔记
24853 引用 • 102256 回帖
思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。
融合块、大纲和双向链接,重构你的思维。
-
代码片段
133 引用 • 898 回帖
代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。
用户在该标签下分享代码片段时需在帖子标题前添加
[css]
或[js]
用于区分代码片段类型。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于