Markdown 字体样式

一、字体大小

size：规定文本的尺寸大小，取值范围为1~7 ，浏览器默认值是 3。

注意，size值大于7也是可以显示的，但与7的字体大小一样

<font size=1>字体大小size=1</font>
<font size=3>字体大小size=3</font>
<font size=5>字体大小size=5</font>
<font size=7>字体大小size=7</font>

效果如下：

字体大小size=1
字体大小size=3
字体大小size=5
字体大小size=7

二、字体颜色

1. 使用英文名称定义

<font color=red>红色</font>
<font color="green">绿色</font>
<font color="blue">蓝色</font>
<font color="BlueGreen">蓝绿色</font>
<font color=Yellow>黄色</font>
<font color=YellowGreen>黄绿色</font>

效果如下：

红色
绿色
蓝色
蓝绿色
黄色
黄绿色

2. 使用十六进制定义

<font color=#000000>黑色</font>
<font color=#ff0000>红色</font>
<font color=#00ff00>绿色</font>
<font color=#0000ff>蓝色</font>

效果如下：

黑色
红色
绿色
蓝色

附：常用的颜色

颜色名	十六进制颜色值	rgb颜色
黑色（black）	000000	rgb(0, 0, 0)
蓝色（blue）	0000FF	rgb(0, 0, 255)
灰色（grey）	808080	rgb(128, 128, 128)
绿色（green）	008000	rgb(0, 128, 0)
橙色（orange）	FFA500	rgb(255, 165, 0)
红色(red)	FF0000	rgb(255, 0, 0)
黄色（yellow）	FFFF00	rgb(255, 255, 0)

三、字体背景色

由于 style 标签和标签的 style 属性不被支持，所以这里只能是借助 table，tr，td 等表格标签的 bgcolor 属性来实现背景色。这里对于文字背景色的设置，只是将那一整行看作一个表格，更改了那个格子的背景色（bgcolor）

<table><tr><td bgcolor=orange>背景色orange</td></tr></table>

效果如下：

背景色orange

四、字体类型

注意，字体类型的设置只能在电脑上才能显示字体效果，在手机上无法显示字体类型

<font face="黑体">黑体</font>
<font face="宋体">宋体</font>
<font face="仿宋">仿宋</font>
<font face="幼圆">幼圆</font>
<font face="楷书">楷书</font>
<font face="华文行楷">华文行楷</font>
<font face="华文隶书">华文隶书</font>
<font face="华文新魏">华文新魏</font>
<font face="华文彩云">华文彩云</font>
<font face="华文琥珀">华文琥珀</font>

效果如下：

黑体
宋体
仿宋
幼圆
楷书
华文行楷
华文隶书
华文新魏
华文彩云
华文琥珀

五、字体加粗、斜体、删除线

1. 加粗 要加粗的文字左右分别用两个*号包起来，例：**加粗**

2. 斜体 要倾斜的文字左右分别用一个*号包起来，例：*斜体*

3. 斜体加粗 要倾斜和加粗的文字左右分别用三个*号包起来，例：***斜体加粗***

4. 删除线 要加删除线的文字左右分别用两个~~号包起来，例：~~删除线~~

*斜体*，_斜体_
**粗体**，__粗体__
***斜体加粗***
~~删除线~~

效果如下：

斜体，斜体
粗体，粗体
斜体加粗
删除线

六、字体上下标

文本<sup>上标</sup>
文本<sub>下标</sub>

效果如下：

文本^上标
文本_下标

七、混合使用

实现一个颜色为红色、字号为5、字体为华文琥珀的文字样式。

<b><font size=5 color=red face="华文琥珀">华文琥珀</font></b>

效果如下：

华文琥珀