博客园 Editor.md 辅助语法

护眼背景色

RGB(199,237,204), #C7EDCC

RGB(233,250,255), #E9FAFF

常用属性设置

background-color: rgb(199, 237, 204);
color: black;
font-family: 楷体;
font-size: 23px;
line-height: 150%;
padding: 10px;
border-top: 1px dashed rgb(204, 204, 204);
border-bottom: 1px dashed rgb(204, 204, 204);

空格

——————————————————效果如下——————————————————
小 空 格
大 空 格

——————————————————代码如下——————————————————

小 空 格
大 空 格

文字缩进

——————————————————效果如下——————————————————

缩进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><font size="4">折叠元素标题</font></summary>

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

</details>

字体颜色

——————————————————效果如下——————————————————

代码格式一

代码格式二

代码格式三

——————————————————代码如下——————————————————

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

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

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

表格合并单元格

——————————————————效果如下——————————————————

表格标题
11	12	13
21	22 23
31	32 42	33
41		43

——————————————————代码如下——————————————————

<table>
<thead style="text-align: center;font-size:18px;">
  <tr><td colspan=3 >表格标题</td></tr>
</thead>

<tbody>
  <tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
  </tr>

  <tr>
    <td>21</td>
    <td colspan=2 style="text-align: center">22 23</td>
  </tr>

  <tr>
    <td>31</td>
    <td rowspan=2 style="text-align: center">32 42</td>
    <td>33</td>
  </tr>

  <tr>
    <td>41</td>
    <td>43</td>
  </tr>
</tbody>
</table>

html插入图片

<img src="https://images.cnblogs.com/cnblogs_com/mjtabu/1922964/o_210711040740%E8%93%9D%E8%89%B2%E5%A4%A7%E7%9C%BC%E7%9D%9B%20%E7%8C%AB%E7%BE%BD%E9%9B%AB4k%E5%A3%81%E7%BA%B8_%E5%BD%BC%E5%B2%B8%E5%9B%BE%E7%BD%91.png" alt="图片悬浮显示文案">