Markdown 编辑文本样式技巧-汇总

迷南。 2023-10-10 12:47 58阅读 0赞

> 个人感觉Markdown编辑文章非常nice，记录一下自己常用的一些编辑文字样式的方法。

#### 文章目录 ####

*  文字
 *   *  
 *  段落
 *  图片

## 文字 ##

> **字体样式**

size：浏览器默认取值为3，区间1~7。

<font face="黑体">我是黑体字</font>
    <font face="微软雅黑">我是微软雅黑</font>
    <font face="楷体">我是楷体</font>
    <font color=#0099ff size=3 face="黑体">color=#0099ff size=3 face="黑体"</font>
    <font color=#00ffff size=4>color=#00ffff size=4</font>
    <font color=gray size=5>color=gray size=5</font>

我是黑体字  
我是微软雅黑  
我是楷体  
color=\#0099ff size=3 face=“黑体”  
color=\#00ffff size=4  
color=gray size=5

> **字体颜色**

###  ###

[字体颜色][Link 1]，这里放上几种我常用的：

<table> 
 <thead> 
  <tr> 
   <th>颜色名</th> 
   <th>十六进制 </th> 
   <td>颜色</td> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><font>Crimson</font></td> 
   <td><font> #DC143C</font> </td> 
   <td>rgb(220, 20, 60)</td> 
  </tr> 
  <tr> 
   <td><font>Gainsboro</font></td> 
   <td><font> #DCDCDC</font> </td> 
   <td>rgb(220, 220, 220)</td> 
  </tr> 
  <tr> 
   <td><font>DoderBlue</font></td> 
   <td><font> #1E90FF</font> </td> 
   <td>rgb(30,144,255)</td> 
  </tr> 
  <tr> 
   <td><font>Gold</font></td> 
   <td><font> #FFD700</font> </td> 
   <td>rgb(255, 215, 0)</td> 
  </tr> 
  <tr> 
   <td><font>LightSeaGreen</font></td> 
   <td><font>#20B2AA</font> </td> 
   <td>rgb(32, 178, 170)</td> 
  </tr> 
 </tbody> 
</table>

## 段落 ##

> **缩进**

无缩进效果
      半角的空格
      全角的空格

无缩进效果  
  半角的空格  
  全角的空格

> **背景色**

Markdown本身不支持背景色设置，需要采用内置html的方式实现：借助 `table` 、`tr`、`td` 等表格标签的 `bgcolor` 属性来实现背景色的功能。

<table><tr><td bgcolor=#0099ff>   Markdown本身不支持背景色设置，需要采用内置html的方式实现：借助 table 、tr、td 等表格标签的 bgcolor 属性来实现背景色的功能。</td></tr></table>

<table> 
 <tbody> 
  <tr> 
   <td>   Markdown本身不支持背景色设置，需要采用内置html的方式实现：借助 table 、tr、td 等表格标签的 bgcolor 属性来实现背景色的功能。</td> 
  </tr> 
 </tbody> 
</table>

## 图片 ##

> **缩放**

![20210429170231747.jpg][] ![20210429170231747.jpg][] ![20210429170231747.jpg][]

> **设置大小**

![20210429170231747.jpg][] ![20210429170231747.jpg][] ![20210429170231747.jpg][]

> **设置悬浮位置**

![20210429170231747.jpg][]

[Link 1]: https://www.sioe.cn/yingyong/yanse-rgb-16/
[20210429170231747.jpg]: https://img-blog.csdnimg.cn/20210429170231747.jpg