markdown设置字体颜色、大小、背景

一、颜色

在markdown中采用如下方式能够控制文字的颜色&＃xff1a;

浅红色文字&＃xff1a;<font color&＃61;"#dd0000">浅红色文字&＃xff1a;font><br />
深红色文字&＃xff1a;<font color&＃61;"#660000">深红色文字font><br />
浅绿色文字&＃xff1a;<font color&＃61;"#00dd00">浅绿色文字font><br />
深绿色文字&＃xff1a;<font color&＃61;"#006600">深绿色文字font><br />
浅蓝色文字&＃xff1a;<font color&＃61;"#0000dd">浅蓝色文字font><br />
深蓝色文字&＃xff1a;<font color&＃61;"#000066">深蓝色文字font><br />
浅黄色文字&＃xff1a;<font color&＃61;"#dddd00">浅黄色文字font><br />
深黄色文字&＃xff1a;<font color&＃61;"#666600">深黄色文字font><br />
浅青色文字&＃xff1a;<font color&＃61;"#00dddd">浅青色文字font><br />
深青色文字&＃xff1a;<font color&＃61;"#006666">深青色文字font><br />
浅紫色文字&＃xff1a;<font color&＃61;"#dd00dd">浅紫色文字font><br />
深紫色文字&＃xff1a;<font color&＃61;"#660066">深紫色文字font><br />

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

效果如下&＃xff1a;

浅红色文字&＃xff1a;浅红色文字

深红色文字&＃xff1a;深红色文字

浅绿色文字&＃xff1a;浅绿色文字

深绿色文字&＃xff1a;深绿色文字

浅蓝色文字&＃xff1a;浅蓝色文字

深蓝色文字&＃xff1a;深蓝色文字

浅黄色文字&＃xff1a;浅黄色文字

深黄色文字&＃xff1a;深黄色文字

浅青色文字&＃xff1a;浅青色文字

深青色文字&＃xff1a;深青色文字

浅紫色文字&＃xff1a;浅紫色文字

深紫色文字&＃xff1a;深紫色文字

其实具体的颜色你可以去网上去查&＃xff0c;采用的是RGB颜色
这里有个对照&＃xff1a;
http://www.114la.com/other/rgb.htm
可以选择你想要的颜色对应的RGB值。

二、大小

size为1&＃xff1a;<font size&＃61;"1">size为1font><br />
size为2&＃xff1a;<font size&＃61;"2">size为2font><br />
size为3&＃xff1a;<font size&＃61;"3">size为3font><br />
size为4&＃xff1a;<font size&＃61;"4">size为4font><br />
size为10&＃xff1a;<font size&＃61;"10">size为10font><br />


• 1
• 2
• 3
• 4
• 5
• 6

• 1
• 2
• 3
• 4
• 5
• 6

效果如下&＃xff1a;

size为1&＃xff1a;size为1

size为2&＃xff1a;size为2

size为3&＃xff1a;size为3

size为4&＃xff1a;size为4

size为10&＃xff1a;size为10

三、字体

<font face&＃61;"黑体">我是黑体字font>
<font face&＃61;"宋体">我是宋体字font>
<font face&＃61;"微软雅黑">我是微软雅黑字font>
<font face&＃61;"fantasy">我是fantasy字font>
<font face&＃61;"Helvetica">我是Helvetica字font>

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

效果如下&＃xff1a;

我是黑体字
我是宋体字
我是微软雅黑字
我是楷体字
I am Times New Roman font
我是fantasy字
我是Helvetica字

尝试了几个word中的字体都是可以的&＃xff0c;我估计word中的字体基本都能够实现吧。

四、背景色

<table><tr><td bgcolor&＃61;#FF00FF>背景色的设置是按照十六进制颜色值&＃xff1a;#7FFFD4td>tr>table>
<table><tr><td bgcolor&＃61;#FF83FA>背景色的设置是按照十六进制颜色值&＃xff1a;#FF83FAtd>tr>table>
<table><tr><td bgcolor&＃61;#D1EEEE>背景色的设置是按照十六进制颜色值&＃xff1a;#D1EEEEtd>tr>table>
<table><tr><td bgcolor&＃61;#C0FF3E>背景色的设置是按照十六进制颜色值&＃xff1a;#C0FF3Etd>tr>table>
<table><tr><td bgcolor&＃61;#54FF9F>背景色的设置是按照十六进制颜色值&＃xff1a;#54FF9Ftd>tr>table>

• 1
• 2
• 3
• 4
• 5

• 1
• 2
• 3
• 4
• 5

文章来源&＃xff1a;http://blog.csdn.net/manjianchao/article/details/53668280