请教,将一一一显示的分隔线,想通过设置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); */
}
上面的样式效果如下:
1 个赞
测试可用,在预览状态下有效
即时状态下,没有显示效果。
谢谢!