请教,将一一一显示的分隔线,想通过设置css样式,加粗和改颜色,

请教,将一一一显示的分隔线,想通过设置css样式,加粗和改颜色。
谢谢!

下面这段snippets是一个基本的分割线模板,你可以试着在这基础上改动

/* css属性查询网站:https://developer.mozilla.org/zh-CN/docs/Learn/CSS */
.markdown-preview-view hr {
    /* 设置内边距 */
    /* 如果设为5px,就会显示为一个方框,由此可见横线并不是一条线,而是一个方框,*/
    /* 通过将其内边距设为0px  或者只显示上/下边框 使方框变成一条线 */
    padding: 5px;

    /* 设置外边距:上下为5px,左右为0px */
    margin: 5px 0px;

    /* 描边颜色 */
    border-color: #fc2222;

    /* 设置线型:可取值solid    dashed     double      dotted  groove  hidden outset inset  none*/
    border-style:solid;
    
    /* 设置横线粗细为:2px (上下两个横线加起来为2px)*/
    border-width: 1px;

    /* 横线描边设置为渐变,与border-color不相容 */
    /* border-image-source: linear-gradient(to right, transparent, #FF5136, transparent); */
    
  }

上面的样式效果如下:
image

1 个赞

测试可用,在预览状态下有效:+1:
即时状态下,没有显示效果。
谢谢!