美文网首页
Markdown 编辑器语法——文字颜色、大小、位置、字体与背景

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

作者: 閑人壹 | 来源:发表于2020-02-03 17:46 被阅读0次

    [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 全部支持

    相关文章

      网友评论

          本文标题:Markdown 编辑器语法——文字颜色、大小、位置、字体与背景

          本文链接:https://www.haomeiwen.com/subject/dexkxhtx.html