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


[TOC]


1、颜色

在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 /> 

效果:

<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


2、大小

size为1:<font size="1">size为1</font><br /> 
size为2:<font size="2">size为2</font><br /> 
size为3:<font size="3">size为3</font><br /> 
size为4:<font size="4">size为4</font><br /> 
size为10:<font size="10">size为10</font><br /> 

效果:

size为1:<font size="1">size为1</font> | size为2:<font size="2">size为2</font><br />
size为3:<font size="3">size为3</font> | size为4:<font size="4">size为4</font><br />
size为10:<font size="10">size为10</font><br />


3、位置

<p align="right">右对齐</p>
<center>居中</center>
<p align="left">左对齐</p>
下标<sub>下标</sub>
上标<sup>上标</sup>

效果:

<p align="right">右对齐</p>
<center>居中</center>
<p align="left">左对齐</p>
下标下标<br />
上标上标


4、字体

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

效果:

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


5、背景色

<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值:#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值:#FF83FA</td></tr></table>
<table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值:#D1EEEE</td></tr></table>
<table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值:#C0FF3E</td></tr></table>
<table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值:#54FF9F</td></tr></table>

效果:

<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>


小结:

上述文字颜色、大小、位置、字体与背景色的设置是通过Html标记语言实现,有些功能因为使用的编辑器及编辑环境不同,实现上也有差异,要根据自己的写作环境选择适合自己的方法。

  • Cmd Markdown 不支持文字大小、字体、背景色
  • 简书 不支持文字大小、字体
  • Typora 全部支持
  • Joplin 全部支持
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容