简介

在RemNote中添加分隔线

效果

20220129192625.png

使用方法

安装CSS代码块

  1. [data-rem-tags~="divider"]:not(:focus-within) {
  2.   color: transparent;
  3.   position: relative;
  4. }
  6. [data-rem-tags~="divider"]:not(:focus-within)
  7.   .rem-bullet__container {
  8.   display: none;
  9. }
  11. [data-rem-tags~="divider"]:not(:focus-within)
  12.   .hierarchy-editor__tag-bar {
  13.   display: none;
  14. }
  16. [data-rem-tags~="divider"]:not(:focus-within):before {
  17.   content: " ";
  18.   display: block;
  19.   position: absolute;
  20.   width: 100%;
  21.   top: 50%;
  22.   border-bottom: var(--divider-style, 1px solid black);
  23. }
  24. :root {
  25.   --divider-style: 1px solid #c2e9fb;
  26. }

添加分隔线

在需要添加分隔线的地方添加 Didiver 标签即可