样式参考

Code高亮

:not(a):not(pre){
    font-family: 'Segoe UI', SegoeUI, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0.1em 0.2em;
    color: #e83e8c;
    word-break: break-word;
    font-size: 85%;
}

微软的样式：

:not(a):not(pre)>code {
    padding: .1em .2em;
    background-color: hsla(0,0%,89%,.995);
    border-radius: 3px;
    font-size: 85%;
    word-wrap: break-word;
}

代码视图

微软样式：

标题

background-color: #f2f2f2;
border: 1px solid var(--theme-border);
color: #171717;
font-size: .8rem;
border-bottom: 0;
margin-top: 16px;
min-height: 30px;

内容

border: 1px solid #e3e3e3;
background-color: #fafafa;
color: #171717;
font-size: .875rem;
padding: 1rem;
margin: 1rem 0 0;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;

描述备注

background: #e2daf1;
border: 1px solid #e2daf1;
border-radius: 6px;
padding: 1rem;
margin-top: 1rem;
color: #171717;
word-wrap: break-word;
word-break: break-word;