博客园 Editor.md 辅助语法

护眼背景色

RGB(199,237,204), #C7EDCC

空格

效果如下
小 空 格
大 空 格

代码如下

小 空 格
大 空 格

文字缩进

效果如下

缩进10像素

缩进20像素

缩进30像素

缩进40像素

缩进50像素

缩进60像素

缩进70像素

缩进5em

缩进4em

缩进3em

缩进2em

缩进1em

代码如下

<div style="text-indent:10px">缩进10像素</div>
<div style="text-indent:20px">缩进20像素</div>
<div style="text-indent:30px">缩进30像素</div>
<div style="text-indent:40px">缩进40像素</div>
<div style="text-indent:50px">缩进50像素</div>
<div style="text-indent:60px">缩进60像素</div>
<div style="text-indent:70px">缩进70像素</div>

<div style="text-indent:5em">缩进5em</div>
<div style="text-indent:4em">缩进4em</div>
<div style="text-indent:3em">缩进3em</div>
<div style="text-indent:2em">缩进2em</div>
<div style="text-indent:1em">缩进1em</div>

段落缩进

效果如下

1. 一级类目

• 二级类目

• 二级类目

• 三级类目

代码如下

<blockquote>
1. 一级类目
<div style="padding-left: 2em">

- 二级类目

- 二级类目

- 三级类目
</div>
</blockquote>

代码块

```java
public class BiuBiuBiu {
	public static void main(String[] args){
		System.out.println("Hello World");
	}
}
```

块元素

效果如下

块元素

代码如下

<blockquote>
块元素
</blockquote>

折叠元素

效果如下

折叠元素标题

折叠内容

代码如下

<details>
<summary>折叠元素标题</summary>

折叠内容

</details>

折叠块元素

效果如下

折叠元素标题

折叠块元素

代码如下

<details>
<summary>折叠元素标题</summary>

<blockquote>
折叠块元素
</blockquote>

</details>

字体颜色

效果如下

代码格式一

代码格式二

代码格式三

代码如下

<font color=OrangeRed>代码格式一</font>

<font color=#00PA7A>代码格式二</font>

<font color="rgb(218, 112, 214)">代码格式三</font>