md 常用 html 样式

By | 2020年4月19日

md 常用 html 样式

用的时候可以方便选择查找直接拷贝

卡片

示例:

Sample Text

代码:

<div style="box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
            transition: 0.2s; 
            border-radius:5px; 
            padding:15px; 
            margin:3px 5px 8px 5px">
    Sample Text
</div>

虚线边框

示例:

Sample Text

代码:

<div style="border-style: dashed; 
            border-radius:5px; 
            padding:15px; 
            margin:3px 5px 8px 5px; 
            border-width: 1px; 
            border-color: grey">
    Sample Text
</div>

方便自定义的容器

示例:

SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText SampleText

代码:

<div style="padding:0px 20% 0px 20%; 
            margin:3px 5px 8px 5px">
    SampleText
</div>

比较简单的文中分割线

示例:

代码:

<div style="margin: 40px 15% 40px 15%;
            border-top:1px dashed rgba(0,0,0,0.1);">
</div>

点击量:254