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

个人感觉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

字体颜色

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

颜色名	十六进制	颜色
Crimson	#DC143C	rgb(220, 20, 60)
Gainsboro	#DCDCDC	rgb(220, 220, 220)
DoderBlue	#1E90FF	rgb(30,144,255)
Gold	#FFD700	rgb(255, 215, 0)
LightSeaGreen	#20B2AA	rgb(32, 178, 170)

段落

缩进

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

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

背景色

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

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

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

图片

缩放

<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="20%" height="20%" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="30%" height="30%" />

设置大小

<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="50" height="50" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="65" height="65" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="80" height="80" />

设置悬浮位置

<div align=left><img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%"></div>
<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%"></div>
<div align=right><img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%"></div>