Markdown 编辑器语法——文字颜色、大小、位置、字体与背景色的设置

Posted 2023-04-18

参考技术A [TOC]

在markdown中采用如下方式能够控制文字的颜色：

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

更多RGB颜色查询地址：
http://www.114la.com/other/rgb.htm

<font face="黑体">我是黑体字</font> | <font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font> | <font face="fantasy">我是fantasy字</font> | <font face="Helvetica">我是Helvetica字</font>

<table><tr><td bgcolor=#FF00FF><font color="#2F4F4F">背景色的设置是按照十六进制颜色值：#7FFFD4，字体：#2F4F4F</font></td></tr></table>
<table><tr><td bgcolor=#FF83FA><font color="#2F4F4F">背景色的设置是按照十六进制颜色值：#FF83FA，字体：#2F4F4F</font></td></tr></table>
<table><tr><td bgcolor=#D1EEEE><font color="#2F4F4F">背景色的设置是按照十六进制颜色值：#D1EEEE，字体：#2F4F4F</font></font></td></tr></table>
<table><tr><td bgcolor=#C0FF3E><font color="#2F4F4F">背景色的设置是按照十六进制颜色值：#C0FF3E，字体：#2F4F4F</font></td></tr></table>
<table><tr><td bgcolor=#54FF9F><font color="#2F4F4F">背景色的设置是按照十六进制颜色值：#54FF9F，字体：#2F4F4F</font></td></tr></table>

markdown编辑器语法——文字颜色大小字体与背景色的设置

喜欢使用键盘写作的小伙伴们，强烈推荐使用markdown来写作。

只需要记住一些简单的符号，写作的时候就可以只使用键盘，也能够写出排版好看的文字。

不过有一些相对复杂的样式，不怎么好记，以下做了整理。

颜色

在markdown中采用如下方式能够控制文字的颜色：

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

效果如下：

浅红色文字：浅红色文字

深红色文字：深红色文字

浅绿色文字：浅绿色文字

深绿色文字：深绿色文字

浅蓝色文字：浅蓝色文字

深蓝色文字：深蓝色文字

浅黄色文字：浅黄色文字

深黄色文字：深黄色文字

浅青色文字：浅青色文字

深青色文字：深青色文字

浅紫色文字：浅紫色文字

深紫色文字：深紫色文字

参考：