🧑🏻🏫 首先,我们需要修改一个CSS文件。你可以在网上找到这个文件,然后在`background-image`项填上你喜欢的背景图链接。比如,我超爱的1999壁纸就是我的首选!✌🏻 接下来,把这个修改好的CSS文件在Obsidian中装备好。打开设置,找到编辑器选项,然后选择缩减栏宽。👌🏻 在设置中找到“编辑器”选项,然...
代码如下: css .status-bar { background-color: rgba(255, 255, 255, 0.9); /* 这里设置状态栏的背景色和透明度 */ } 这段代码会把状态栏的背景色设置为白色,透明度为0.9。 使用方法 🛠️ 你可以在一个txt记事本中复制以上代码,然后把括号里的地址换成你想要的图片地址。最后把这个txt文件的后缀名从...
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id=...
可以修改第 11 行 transform: rotate(-3deg); 中的数字来改变旋转角度 .markdown-source-view.mod-cm6hr,.markdown-renderedhr{border:0;height:1px;background-image:linear-gradient(toright,#f0f0f0,#00b9ff,#59d941,#f0f0f0);} 修改height: 1px; 的数值可以改变分割线的高度 修改background-image: ...
background: url("app://local/...绝对地址.../..图片.."); 我只找到绝对地址的位置,在地址前加“app://local/”,而且要将Win复制地址中的斜杠改成“/”; 002:更改预览模式下的YAML front matter样式 更改预览模式下的YAML front matter样式
改变颜色过渡，通过`background-image: ...`中的四个颜色值自定义分割线从左到右的颜色渐变。黑白渐变中间带符号，使用`content: '§';`替换为您所需符号，调整符号位置和大小。插入自定义文字，通过CSS相邻兄弟选择器和伪类选择器`has`在分割线后面插入文本，实现自定义中间内容。适用于无主题情况，...
/notebook background/ .markdown-reading-view .markdown-rendered, .markdown-source-view.mod-cm6 .cm-scroller { /* background: #2a2825;/ / background: var(--bg-color-notebook);*/ background-image: linear-gradient(var(--grid-notebook-line-color-2) 1px, transparent 0), linear-gradien...
{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"viewBox="00100100"width="18"height="18"fill="none"stroke="white"stroke-width="4"stroke-linecap="round"stroke-linejoin="round"class="logo-wireframe astro-J75B3YUS"><path d="M30.9117.52L34.4335.7M...
CSS 代码: .tag:not(.token){background-color:var(--text-accent);border:none;color:white;font-size:11px;padding:1px8px;text-align:center;text-decoration:none;display:inline-block;margin:0px0px;cursor:pointer;border-radius:14px;}.tag:not(.token):hover{color:white;background-color:var(--...
everything inside this block has red background color ::: block <!-- element style="background-color: blue;" --> blue ::: red ::: no color 5、 元素动画 用于突出显示或逐步显示幻灯片上的单个元素。在移动到下一张幻灯片之前,将逐步执行具有类片段的每个元素。默认片段样式是从不可见开始淡入。