Obsidian高级技巧之使用CSS样式

观前提醒：在obsidian里面使用CSS样式可以让你的笔记里面的文字随便改颜色、随便改字体、随便改背景颜色……但是这个东西不常用，笔者也仅仅是为了美化部分文本而研究CSS样式的。笔者不建议把各种各样的复杂样式应用到你的obsidian笔记当中，不然就是费时费力了，而且这些功能word完成得更快。

上面是obsidian官方教程之一里面的引文。

我又摸索了一下，具体用法及实例如下：

改字体

<div style="font-family: 楷体">123 test 测试</div>

效果如下。（这篇文章的原文是我在知乎上发的，知乎显示不了这些东西，我拿图片代替了，这里同样。）

改颜色

<div style="font-family: 楷体; color:red" >123 test 测试</div>

改大小

<div style="font-family: 楷体; color:#a4d4a1; font-size: 25px" >123 test 测试</div>

提示：如果您看到这里，发现自己看不懂上面的这些括号、分号、井号还有字母在干些什么的话，请把它们复制到AI助手里面让它给您解释（比如kimi，deepseek），并且让它详细地解释一下。这样学起来最快。

根据以上内容和我们的CSS知识，我们还能有更多操作。

下面花哨点，加个渐变

<div style="
color:#a4d4a1;
font-size: 25px;
background: linear-gradient(to right, rgb(113, 65, 168), rgba(44, 114, 251, 1));
" >123 test 测试</div>

再整个圆角，把宽度和高度变一下

<div style="
color: #a4d4a1;
font-size: 25px;
background: linear-gradient(to right, rgb(113, 65, 168), rgba(44, 114, 251, 1));
border-radius: 20px;
width:170px;
height:40px;
" >123 test 测试</div>

以上。

(本文同时在知乎发布）