轻松记录您
灵感和创意

日常 Markdown 语法记录

1、文字

!>(空格)文字 表示黄色警告框

文字 表示黄色警告框

i>(空格)文字 表示蓝色信息框

文字 表示蓝色信息框

@>(空格)文字 表示银色引用框

文字 表示银色引用框

x>(空格)文字表示红色错误框

文字表示红色错误框

√>(空格)文字 表示绿色成功框

文字 表示绿色成功框

抖动文字

这里是你需要抖动的文字!

这里是你需要抖动的文字!

tag文字标签

tag 默认白色文字 /tagtag type=”primary” 紫色文字 /tagtag type=”info” 蓝色文字 /tagtag type=”warning” 黄色文字 /tagtag type=”danger” 红色文字 /tagtag type=”success” 绿色文字 /tagtag type=”dark” 黑色文字 /tag注意:tag 需要加方框 [ ]

2、图片居中缩小

参数:位置 align=center(中)、right(右),大小 width = 30%(大小比例) height = 30%(大小比例)

3、超级链接

[超链接名](超链接地址 “鼠标悬浮文字”)

4、图片

![图片描述](图片地址 “鼠标悬浮文字”)

5、表格

表格公式

表头|表头|表头:–|:–:|–:内容|内容|内容内容|内容|内容

表格参数

–: 设置内容和标题栏居右对齐。

:– 设置内容和标题栏居左对齐。

:–:设置内容和标题栏居中对齐。

6、字体

1、 删除线 文字前后加 ~~

~~这是要删除的文字~~

2、 斜体 文字前后加 *

*这是斜体文字*

3、 加粗 文字前后加 **

**这是加粗文字**

4、 斜体加粗 文字前后加 *

***这是加粗斜体文字***

7、代码

1、 单行代码 代码前后加 (~键) 2、 多行分段 代码前后加 (三个)

8、隐藏某行文字

9、警告框

警告框组件通过提供一些灵活的预定义消息

你可以

在这里

输入

文字

你可以

在这里

输入

文字

10、可用的变体

用下面的任何一个类即可改变标签的外观

DefaultPrimarySuccessInfoWarningDanger

DefaultPrimarySuccessInfoWarningDanger

11、进度条

1、堆叠效果

把多个进度条放入同一个.progress 中,使它们呈现堆叠的效果。

35% Complete (success)20% Complete (warning)10% Complete (danger)

代码

2、动画效果

为 .progress-bar-striped 添加 .active 类,使其呈现出由右向左运动的动画效果。IE9 及更低版本的浏览器不支持

45% Complete

代码

3、条纹效果

通过渐变可以为进度条创建条纹效果,IE9 及更低版本不支持。

40% Complete (success)

20% Complete

60% Complete (warning)

80% Complete (danger)

代码

4、根据情境变化效果

进度条组件使用与按钮和警告框相同的类,根据不同情境展现相应的效果。

40% Complete (success)

20% Complete

60% Complete (warning)

80% Complete (danger)

代码

5、低百分比进度条

展示很低的百分比时,如果需要让文本提示能够清晰可见,可以为进度条设置 min-width 属性

0%

2%

代码

6、带有提示标签的进度条

60%

代码

12、键盘按钮

使用 Ctrl+Alt+Del 重启电脑

Ctrl+Alt+Del

13、上下标注

演示如下:

H2O CO2

210

代码如下:

H2O CO2210

简单代码录入如上,更多高级使用方法,请找谷歌/度娘

未经允许不得转载:坚果云Markdown » 日常 Markdown 语法记录
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍