CSDN-markdown编辑器语法——字体、字号与颜色

川长思鸟来 2022-04-10 12:21 220阅读 0赞

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！

CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。

# 字体、字号与颜色 #

我是黑体字 我是微软雅黑 我是华文彩云 color=#0099ff size=72 face="黑体" color=#00ffff color=gray

*  1
 *  2
 *  3
 *  4
 *  5
 *  6

Size：规定文本的尺寸大小。可能的值：从 1 到 7 的数字。浏览器默认值是 3。

# 呈现效果 #

--------------------

我是黑体字  
我是微软雅黑  
我是华文彩云  
color=\#0099ff size=72 face=”黑体”  
color=\#00ffff 可以用十六位颜色值  
color=gray 也可以用已知颜色名

# 颜色名列表 #

--------------------

<table> 
 <tbody> 
 <tr> 
 <th>颜色名</th> 
 <th>十六进制颜色值</th> 
 <th>颜色</th> 
 </tr> 
 <tr> 
 <td>AliceBlue</td> 
 <td>#F0F8FF</td> 
 <td>rgb(240, 248, 255)</td> 
 </tr> 
 <tr> 
 <td>AntiqueWhite</td> 
 <td>#FAEBD7</td> 
 <td>rgb(250, 235, 215)</td> 
 </tr> 
 <tr> 
 <td>Aqua</td> 
 <td>#00FFFF</td> 
 <td>rgb(0, 255, 255)</td> 
 </tr> 
 <tr> 
 <td>Aquamarine</td> 
 <td>#7FFFD4</td> 
 <td>rgb(127, 255, 212)</td> 
 </tr> 
 <tr> 
 <td>Azure</td> 
 <td>#F0FFFF</td> 
 <td>rgb(240, 255, 255)</td> 
 </tr> 
 <tr> 
 <td>Beige</td> 
 <td>#F5F5DC</td> 
 <td>rgb(245, 245, 220)</td> 
 </tr> 
 <tr> 
 <td>Bisque</td> 
 <td>#FFE4C4</td> 
 <td>rgb(255, 228, 196)</td> 
 </tr> 
 <tr> 
 <td>Black</td> 
 <td>#000000</td> 
 <td>rgb(0, 0, 0)</td> 
 </tr> 
 <tr> 
 <td>BlanchedAlmond</td> 
 <td>#FFEBCD</td> 
 <td>rgb(255, 235, 205)</td> 
 </tr> 
 <tr> 
 <td>Blue</td> 
 <td>#0000FF</td> 
 <td>rgb(0, 0, 255)</td> 
 </tr> 
 <tr> 
 <td>BlueViolet</td> 
 <td>#8A2BE2</td> 
 <td>rgb(138, 43, 226)</td> 
 </tr> 
 <tr> 
 <td>Brown</td> 
 <td>#A52A2A</td> 
 <td>rgb(165, 42, 42)</td> 
 </tr> 
 <tr> 
 <td>BurlyWood</td> 
 <td>#DEB887</td> 
 <td>rgb(222, 184, 135)</td> 
 </tr> 
 <tr> 
 <td>CadetBlue</td> 
 <td>#5F9EA0</td> 
 <td>rgb(95, 158, 160)</td> 
 </tr> 
 <tr> 
 <td>Chartreuse</td> 
 <td>#7FFF00</td> 
 <td>rgb(127, 255, 0)</td> 
 </tr> 
 <tr> 
 <td>Chocolate</td> 
 <td>#D2691E</td> 
 <td>rgb(210, 105, 30)</td> 
 </tr> 
 <tr> 
 <td>Coral</td> 
 <td>#FF7F50</td> 
 <td>rgb(255, 127, 80)</td> 
 </tr> 
 <tr> 
 <td>CornflowerBlue</td> 
 <td>#6495ED</td> 
 <td>rgb(100, 149, 237)</td> 
 </tr> 
 <tr> 
 <td>Cornsilk</td> 
 <td>#FFF8DC</td> 
 <td>rgb(255, 248, 220)</td> 
 </tr> 
 <tr> 
 <td>Crimson</td> 
 <td>#DC143C</td> 
 <td>rgb(220, 20, 60)</td> 
 </tr> 
 <tr> 
 <td>Cyan</td> 
 <td>#00FFFF</td> 
 <td>rgb(0, 255, 255)</td> 
 </tr> 
 <tr> 
 <td>DarkBlue</td> 
 <td>#00008B</td> 
 <td>rgb(0, 0, 139)</td> 
 </tr> 
 <tr> 
 <td>DarkCyan</td> 
 <td>#008B8B</td> 
 <td>rgb(0, 139, 139)</td> 
 </tr> 
 <tr> 
 <td>DarkGoldenRod</td> 
 <td>#B8860B</td> 
 <td>rgb(184, 134, 11)</td> 
 </tr> 
 <tr> 
 <td>DarkGray</td> 
 <td>#A9A9A9</td> 
 <td>rgb(169, 169, 169)</td> 
 </tr> 
 <tr> 
 <td>DarkGreen</td> 
 <td>#006400</td> 
 <td>rgb(0, 100, 0)</td> 
 </tr> 
 <tr> 
 <td>DarkKhaki</td> 
 <td>#BDB76B</td> 
 <td>rgb(189, 183, 107)</td> 
 </tr> 
 <tr> 
 <td>DarkMagenta</td> 
 <td>#8B008B</td> 
 <td>rgb(139, 0, 139)</td> 
 </tr> 
 <tr> 
 <td>DarkOliveGreen</td> 
 <td>#556B2F</td> 
 <td>rgb(85, 107, 47)</td> 
 </tr> 
 <tr> 
 <td>Darkorange</td> 
 <td>#FF8C00</td> 
 <td>rgb(255, 140, 0)</td> 
 </tr> 
 <tr> 
 <td>DarkOrchid</td> 
 <td>#9932CC</td> 
 <td>rgb(153, 50, 204)</td> 
 </tr> 
 <tr> 
 <td>DarkRed</td> 
 <td>#8B0000</td> 
 <td>rgb(139, 0, 0)</td> 
 </tr> 
 <tr> 
 <td>DarkSalmon</td> 
 <td>#E9967A</td> 
 <td>rgb(233, 150, 122)</td> 
 </tr> 
 <tr> 
 <td>DarkSeaGreen</td> 
 <td>#8FBC8F</td> 
 <td>rgb(143, 188, 143)</td> 
 </tr> 
 <tr> 
 <td>DarkSlateBlue</td> 
 <td>#483D8B</td> 
 <td>rgb(72, 61, 139)</td> 
 </tr> 
 <tr> 
 <td>DarkSlateGray</td> 
 <td>#2F4F4F</td> 
 <td>rgb(47, 79, 79)</td> 
 </tr> 
 <tr> 
 <td>DarkTurquoise</td> 
 <td>#00CED1</td> 
 <td>rgb(0, 206, 209)</td> 
 </tr> 
 <tr> 
 <td>DarkViolet</td> 
 <td>#9400D3</td> 
 <td>rgb(148, 0, 211)</td> 
 </tr> 
 <tr> 
 <td>DeepPink</td> 
 <td>#FF1493</td> 
 <td>rgb(255, 20, 147)</td> 
 </tr> 
 <tr> 
 <td>DeepSkyBlue</td> 
 <td>#00BFFF</td> 
 <td>rgb(0, 191, 255)</td> 
 </tr> 
 <tr> 
 <td>DimGray</td> 
 <td>#696969</td> 
 <td>rgb(105, 105, 105)</td> 
 </tr> 
 <tr> 
 <td>DodgerBlue</td> 
 <td>#1E90FF</td> 
 <td>rgb(30, 144, 255)</td> 
 </tr> 
 <tr> 
 <td>Feldspar</td> 
 <td>#D19275</td> 
 <td>rgb(209, 146, 117)</td> 
 </tr> 
 <tr> 
 <td>FireBrick</td> 
 <td>#B22222</td> 
 <td>rgb(178, 34, 34)</td> 
 </tr> 
 <tr> 
 <td>FloralWhite</td> 
 <td>#FFFAF0</td> 
 <td>rgb(255, 250, 240)</td> 
 </tr> 
 <tr> 
 <td>ForestGreen</td> 
 <td>#228B22</td> 
 <td>rgb(34, 139, 34)</td> 
 </tr> 
 <tr> 
 <td>Fuchsia</td> 
 <td>#FF00FF</td> 
 <td>rgb(255, 0, 255)</td> 
 </tr> 
 <tr> 
 <td>Gainsboro</td> 
 <td>#DCDCDC</td> 
 <td>rgb(220, 220, 220)</td> 
 </tr> 
 <tr> 
 <td>GhostWhite</td> 
 <td>#F8F8FF</td> 
 <td>rgb(248, 248, 255)</td> 
 </tr> 
 <tr> 
 <td>Gold</td> 
 <td>#FFD700</td> 
 <td>rgb(255, 215, 0)</td> 
 </tr> 
 <tr> 
 <td>GoldenRod</td> 
 <td>#DAA520</td> 
 <td>rgb(218, 165, 32)</td> 
 </tr> 
 <tr> 
 <td>Gray</td> 
 <td>#808080</td> 
 <td>rgb(128, 128, 128)</td> 
 </tr> 
 <tr> 
 <td>Green</td> 
 <td>#008000</td> 
 <td>rgb(0, 128, 0)</td> 
 </tr> 
 <tr> 
 <td>GreenYellow</td> 
 <td>#ADFF2F</td> 
 <td>rgb(173, 255, 47)</td> 
 </tr> 
 <tr> 
 <td>HoneyDew</td> 
 <td>#F0FFF0</td> 
 <td>rgb(240, 255, 240)</td> 
 </tr> 
 <tr> 
 <td>HotPink</td> 
 <td>#FF69B4</td> 
 <td>rgb(255, 105, 180)</td> 
 </tr> 
 <tr> 
 <td>IndianRed</td> 
 <td>#CD5C5C</td> 
 <td>rgb(205, 92, 92)</td> 
 </tr> 
 <tr> 
 <td>Indigo</td> 
 <td>#4B0082</td> 
 <td>rgb(75, 0, 130)</td> 
 </tr> 
 <tr> 
 <td>Ivory</td> 
 <td>#FFFFF0</td> 
 <td>rgb(255, 255, 240)</td> 
 </tr> 
 <tr> 
 <td>Khaki</td> 
 <td>#F0E68C</td> 
 <td>rgb(240, 230, 140)</td> 
 </tr> 
 <tr> 
 <td>Lavender</td> 
 <td>#E6E6FA</td> 
 <td>rgb(230, 230, 250)</td> 
 </tr> 
 <tr> 
 <td>LavenderBlush</td> 
 <td>#FFF0F5</td> 
 <td>rgb(255, 240, 245)</td> 
 </tr> 
 <tr> 
 <td>LawnGreen</td> 
 <td>#7CFC00</td> 
 <td>rgb(124, 252, 0)</td> 
 </tr> 
 <tr> 
 <td>LemonChiffon</td> 
 <td>#FFFACD</td> 
 <td>rgb(255, 250, 205)</td> 
 </tr> 
 <tr> 
 <td>LightBlue</td> 
 <td>#ADD8E6</td> 
 <td>rgb(173, 216, 230)</td> 
 </tr> 
 <tr> 
 <td>LightCoral</td> 
 <td>#F08080</td> 
 <td>rgb(240, 128, 128)</td> 
 </tr> 
 <tr> 
 <td>LightCyan</td> 
 <td>#E0FFFF</td> 
 <td>rgb(224, 255, 255)</td> 
 </tr> 
 <tr> 
 <td>LightGoldenRodYellow</td> 
 <td>#FAFAD2</td> 
 <td>rgb(250, 250, 210)</td> 
 </tr> 
 <tr> 
 <td>LightGrey</td> 
 <td>#D3D3D3</td> 
 <td>rgb(211, 211, 211)</td> 
 </tr> 
 <tr> 
 <td>LightGreen</td> 
 <td>#90EE90</td> 
 <td>rgb(144, 238, 144)</td> 
 </tr> 
 <tr> 
 <td>LightPink</td> 
 <td>#FFB6C1</td> 
 <td>rgb(255, 182, 193)</td> 
 </tr> 
 <tr> 
 <td>LightSalmon</td> 
 <td>#FFA07A</td> 
 <td>rgb(255, 160, 122)</td> 
 </tr> 
 <tr> 
 <td>LightSeaGreen</td> 
 <td>#20B2AA</td> 
 <td>rgb(32, 178, 170)</td> 
 </tr> 
 <tr> 
 <td>LightSkyBlue</td> 
 <td>#87CEFA</td> 
 <td>rgb(135, 206, 250)</td> 
 </tr> 
 <tr> 
 <td>LightSlateBlue</td> 
 <td>#8470FF</td> 
 <td>rgb(132, 112, 255)</td> 
 </tr> 
 <tr> 
 <td>LightSlateGray</td> 
 <td>#778899</td> 
 <td>rgb(119, 136, 153)</td> 
 </tr> 
 <tr> 
 <td>LightSteelBlue</td> 
 <td>#B0C4DE</td> 
 <td>rgb(176, 196, 222)</td> 
 </tr> 
 <tr> 
 <td>LightYellow</td> 
 <td>#FFFFE0</td> 
 <td>rgb(255, 255, 224)</td> 
 </tr> 
 <tr> 
 <td>Lime</td> 
 <td>#00FF00</td> 
 <td>rgb(0, 255, 0)</td> 
 </tr> 
 <tr> 
 <td>LimeGreen</td> 
 <td>#32CD32</td> 
 <td>rgb(50, 205, 50)</td> 
 </tr> 
 <tr> 
 <td>Linen</td> 
 <td>#FAF0E6</td> 
 <td>rgb(250, 240, 230)</td> 
 </tr> 
 <tr> 
 <td>Magenta</td> 
 <td>#FF00FF</td> 
 <td>rgb(255, 0, 255)</td> 
 </tr> 
 <tr> 
 <td>Maroon</td> 
 <td>#800000</td> 
 <td>rgb(128, 0, 0)</td> 
 </tr> 
 <tr> 
 <td>MediumAquaMarine</td> 
 <td>#66CDAA</td> 
 <td>rgb(102, 205, 170)</td> 
 </tr> 
 <tr> 
 <td>MediumBlue</td> 
 <td>#0000CD</td> 
 <td>rgb(0, 0, 205)</td> 
 </tr> 
 <tr> 
 <td>MediumOrchid</td> 
 <td>#BA55D3</td> 
 <td>rgb(186, 85, 211)</td> 
 </tr> 
 <tr> 
 <td>MediumPurple</td> 
 <td>#9370D8</td> 
 <td>rgb(147, 112, 216)</td> 
 </tr> 
 <tr> 
 <td>MediumSeaGreen</td> 
 <td>#3CB371</td> 
 <td>rgb(60, 179, 113)</td> 
 </tr> 
 <tr> 
 <td>MediumSlateBlue</td> 
 <td>#7B68EE</td> 
 <td>rgb(123, 104, 238)</td> 
 </tr> 
 <tr> 
 <td>MediumSpringGreen</td> 
 <td>#00FA9A</td> 
 <td>rgb(0, 250, 154)</td> 
 </tr> 
 <tr> 
 <td>MediumTurquoise</td> 
 <td>#48D1CC</td> 
 <td>rgb(72, 209, 204)</td> 
 </tr> 
 <tr> 
 <td>MediumVioletRed</td> 
 <td>#C71585</td> 
 <td>rgb(199, 21, 133)</td> 
 </tr> 
 <tr> 
 <td>MidnightBlue</td> 
 <td>#191970</td> 
 <td>rgb(25, 25, 112)</td> 
 </tr> 
 <tr> 
 <td>MintCream</td> 
 <td>#F5FFFA</td> 
 <td>rgb(245, 255, 250)</td> 
 </tr> 
 <tr> 
 <td>MistyRose</td> 
 <td>#FFE4E1</td> 
 <td>rgb(255, 228, 225)</td> 
 </tr> 
 <tr> 
 <td>Moccasin</td> 
 <td>#FFE4B5</td> 
 <td>rgb(255, 228, 181)</td> 
 </tr> 
 <tr> 
 <td>NavajoWhite</td> 
 <td>#FFDEAD</td> 
 <td>rgb(255, 222, 173)</td> 
 </tr> 
 <tr> 
 <td>Navy</td> 
 <td>#000080</td> 
 <td>rgb(0, 0, 128)</td> 
 </tr> 
 <tr> 
 <td>OldLace</td> 
 <td>#FDF5E6</td> 
 <td>rgb(253, 245, 230)</td> 
 </tr> 
 <tr> 
 <td>Olive</td> 
 <td>#808000</td> 
 <td>rgb(128, 128, 0)</td> 
 </tr> 
 <tr> 
 <td>OliveDrab</td> 
 <td>#6B8E23</td> 
 <td>rgb(107, 142, 35)</td> 
 </tr> 
 <tr> 
 <td>Orange</td> 
 <td>#FFA500</td> 
 <td>rgb(255, 165, 0)</td> 
 </tr> 
 <tr> 
 <td>OrangeRed</td> 
 <td>#FF4500</td> 
 <td>rgb(255, 69, 0)</td> 
 </tr> 
 <tr> 
 <td>Orchid</td> 
 <td>#DA70D6</td> 
 <td>rgb(218, 112, 214)</td> 
 </tr> 
 <tr> 
 <td>PaleGoldenRod</td> 
 <td>#EEE8AA</td> 
 <td>rgb(238, 232, 170)</td> 
 </tr> 
 <tr> 
 <td>PaleGreen</td> 
 <td>#98FB98</td> 
 <td>rgb(152, 251, 152)</td> 
 </tr> 
 <tr> 
 <td>PaleTurquoise</td> 
 <td>#AFEEEE</td> 
 <td>rgb(175, 238, 238)</td> 
 </tr> 
 <tr> 
 <td>PaleVioletRed</td> 
 <td>#D87093</td> 
 <td>rgb(216, 112, 147)</td> 
 </tr> 
 <tr> 
 <td>PapayaWhip</td> 
 <td>#FFEFD5</td> 
 <td>rgb(255, 239, 213)</td> 
 </tr> 
 <tr> 
 <td>PeachPuff</td> 
 <td>#FFDAB9</td> 
 <td>rgb(255, 218, 185)</td> 
 </tr> 
 <tr> 
 <td>Peru</td> 
 <td>#CD853F</td> 
 <td>rgb(205, 133, 63)</td> 
 </tr> 
 <tr> 
 <td>Pink</td> 
 <td>#FFC0CB</td> 
 <td>rgb(255, 192, 203)</td> 
 </tr> 
 <tr> 
 <td>Plum</td> 
 <td>#DDA0DD</td> 
 <td>rgb(221, 160, 221)</td> 
 </tr> 
 <tr> 
 <td>PowderBlue</td> 
 <td>#B0E0E6</td> 
 <td>rgb(176, 224, 230)</td> 
 </tr> 
 <tr> 
 <td>Purple</td> 
 <td>#800080</td> 
 <td>rgb(128, 0, 128)</td> 
 </tr> 
 <tr> 
 <td>Red</td> 
 <td>#FF0000</td> 
 <td>rgb(255, 0, 0)</td> 
 </tr> 
 <tr> 
 <td>RosyBrown</td> 
 <td>#BC8F8F</td> 
 <td>rgb(188, 143, 143)</td> 
 </tr> 
 <tr> 
 <td>RoyalBlue</td> 
 <td>#4169E1</td> 
 <td>rgb(65, 105, 225)</td> 
 </tr> 
 <tr> 
 <td>SaddleBrown</td> 
 <td>#8B4513</td> 
 <td>rgb(139, 69, 19)</td> 
 </tr> 
 <tr> 
 <td>Salmon</td> 
 <td>#FA8072</td> 
 <td>rgb(250, 128, 114)</td> 
 </tr> 
 <tr> 
 <td>SandyBrown</td> 
 <td>#F4A460</td> 
 <td>rgb(244, 164, 96)</td> 
 </tr> 
 <tr> 
 <td>SeaGreen</td> 
 <td>#2E8B57</td> 
 <td>rgb(46, 139, 87)</td> 
 </tr> 
 <tr> 
 <td>SeaShell</td> 
 <td>#FFF5EE</td> 
 <td>rgb(255, 245, 238)</td> 
 </tr> 
 <tr> 
 <td>Sienna</td> 
 <td>#A0522D</td> 
 <td>rgb(160, 82, 45)</td> 
 </tr> 
 <tr> 
 <td>Silver</td> 
 <td>#C0C0C0</td> 
 <td>rgb(192, 192, 192)</td> 
 </tr> 
 <tr> 
 <td>SkyBlue</td> 
 <td>#87CEEB</td> 
 <td>rgb(135, 206, 235)</td> 
 </tr> 
 <tr> 
 <td>SlateBlue</td> 
 <td>#6A5ACD</td> 
 <td>rgb(106, 90, 205)</td> 
 </tr> 
 <tr> 
 <td>SlateGray</td> 
 <td>#708090</td> 
 <td>rgb(112, 128, 144)</td> 
 </tr> 
 <tr> 
 <td>Snow</td> 
 <td>#FFFAFA</td> 
 <td>rgb(255, 250, 250)</td> 
 </tr> 
 <tr> 
 <td>SpringGreen</td> 
 <td>#00FF7F</td> 
 <td>rgb(0, 255, 127)</td> 
 </tr> 
 <tr> 
 <td>SteelBlue</td> 
 <td>#4682B4</td> 
 <td>rgb(70, 130, 180)</td> 
 </tr> 
 <tr> 
 <td>Tan</td> 
 <td>#D2B48C</td> 
 <td>rgb(210, 180, 140)</td> 
 </tr> 
 <tr> 
 <td>Teal</td> 
 <td>#008080</td> 
 <td>rgb(0, 128, 128)</td> 
 </tr> 
 <tr> 
 <td>Thistle</td> 
 <td>#D8BFD8</td> 
 <td>rgb(216, 191, 216)</td> 
 </tr> 
 <tr> 
 <td>Tomato</td> 
 <td>#FF6347</td> 
 <td>rgb(255, 99, 71)</td> 
 </tr> 
 <tr> 
 <td>Turquoise</td> 
 <td>#40E0D0</td> 
 <td>rgb(64, 224, 208)</td> 
 </tr> 
 <tr> 
 <td>Violet</td> 
 <td>#EE82EE</td> 
 <td>rgb(238, 130, 238)</td> 
 </tr> 
 <tr> 
 <td>VioletRed</td> 
 <td>#D02090</td> 
 <td>rgb(208, 32, 144)</td> 
 </tr> 
 <tr> 
 <td>Wheat</td> 
 <td>#F5DEB3</td> 
 <td>rgb(245, 222, 179)</td> 
 </tr> 
 <tr> 
 <td>White</td> 
 <td>#FFFFFF</td> 
 <td>rgb(255, 255, 255)</td> 
 </tr> 
 <tr> 
 <td>WhiteSmoke</td> 
 <td>#F5F5F5</td> 
 <td>rgb(245, 245, 245)</td> 
 </tr> 
 <tr> 
 <td>Yellow</td> 
 <td>#FFFF00</td> 
 <td>rgb(255, 255, 0)</td> 
 </tr> 
 <tr> 
 <td>YellowGreen</td> 
 <td>#9ACD32</td> 
 <td>rgb(154, 205, 50)</td> 
 </tr> 
 </tbody> 
</table>