[css] 图片宽高、标题颜色、超链接颜色等

CSS 代码:视频显示宽度

[data-type="NodeVideo"] {
  display: inline-block !important;
  width: 23%;
  height:50%;
}

CSS 代码:超链接颜色

[data-type="a"] {
  display: inline-block !important; 
  color: #87ceeb!important; /* 使用color改变色 */
}

CSS 代码:图片宽高,避免过宽

[data-type="img"] {
display: inline-block !important;
width: 33%;
}

CSS 代码:五级标题颜色

[data-type="NodeHeading"][class="h1"] {
  display: inline-block !important; 
  color: #d40045!important;
}
[data-type="NodeHeading"][class="h2"] {
  display: inline-block !important; 
  color: #ff7f00!important;
}
[data-type="NodeHeading"][class="h3"] {
  display: inline-block !important; 
  color: #66b82b!important;
}
[data-type="NodeHeading"][class="h4"] {
  display: inline-block !important; 
  color: #093f86!important;
}
[data-type="NodeHeading"][class="h5"] {
  display: inline-block !important; 
  color: #340c81!important;
}

使用方法:思源左上角【设置】-外观-CSS 代码中。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    23000 引用 • 92498 回帖 • 2 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    196 引用 • 540 回帖 • 1 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    90 引用 • 556 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...