1. 程式人生 > >MarkDown字型、字號與顏色

MarkDown字型、字號與顏色

字型、字號與顏色

<code class=" hljs xml" style="display: block; padding: 0px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei';"><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"><</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">font</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">face</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">"STCAIYUN"</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="pln" style="padding: 0px;">我是華文彩雲</span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"></</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">font</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="pln" style="padding: 0px;">
</span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"><</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">font</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">color</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">gray</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">size</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">5</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="pln" style="padding: 0px;">color=gray</span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"></</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">font</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="pln" style="padding: 0px;">
</span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"><</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">font</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">color</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">#0099ff</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">size</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">5</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">face</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">"黑體"</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="pln" style="padding: 0px;">color=#0099ff size=5 face="黑體"</span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"></</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">font</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span></code>
Size:規定文字的尺寸大小。可能的值:從 1 到 7 的數字。瀏覽器預設值是 3。

呈現效果如下

我是華文彩雲 
color=gray 
color=#0099ff size=72 face=”黑體”

背景色

<code class=" hljs xml" style="display: block; padding: 0px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei';"><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"><</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">table</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"><</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">tr</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"><</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">td</span></span><span class="pln" style="padding: 0px; color: rgb(0, 0, 0);"> </span><span class="hljs-attribute" style="color: rgb(102, 0, 102); padding: 0px;"><span class="atn" style="padding: 0px;">bgcolor</span></span><span class="pun" style="padding: 0px; color: rgb(102, 102, 0);">=</span><span class="hljs-value" style="color: rgb(0, 136, 0); padding: 0px;"><span class="atv" style="padding: 0px;">#FF4500</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="pln" style="padding: 0px;">這裡的背景色是:OrangeRed,  十六進位制顏色值:#FF4500, rgb(255, 69, 0)</span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"></</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">td</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"></</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">tr</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span><span class="hljs-tag" style="color: rgb(0, 102, 102); padding: 0px;"><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);"></</span><span class="hljs-title" style="color: rgb(0, 0, 136); padding: 0px;"><span class="tag" style="padding: 0px;">table</span></span><span class="tag" style="padding: 0px; color: rgb(0, 0, 136);">></span></span></code>

呈現效果如下

這裡的背景色是:OrangeRed, 十六進位制顏色值:#FF4500, rgb(255, 69, 0)

顏色名列表

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

相關推薦

MarkDown字型字號顏色

字型、字號與顏色 <code class=" hljs xml" style="display: block; padding: 0px; color: rgb(0, 0, 0); font-family: 'Microsoft YaHei';"><sp

markdown編輯器語法——字型字號顏色

  Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdow

CSDN-markdown編輯器語法——字型字號顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的! CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、

CSDN-markdown編輯器語法——字型字號顏色設定

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的! CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註、內嵌HTML等等)!

CSDN-markdown語法——縮排圖片居中字型字號顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註

CSDN-markdown編輯器語法——字型字號顏色以及如何插入表格

<font color=gray size=72>color=gray</font> Size:規定文字的尺寸大小。可能的值:從 1 到 7 的數字。瀏覽器預設值是 3。 呈現效果: color=gray 顏色名列表:

Markdown——編輯器語法——字型字號顏色

  Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註、內嵌HTML等等)!對,就是內嵌

CSDN-markdown編輯器語法:字型字號顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註

【轉】CSDN-markdown編輯器語法——字型字號顏色

【原文地址,感謝原文作者@微wx笑】點選檢視原文 Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的! CSDN-markdown編輯器是

【轉】 CSDN-markdown編輯器語法——字型字號顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、

1CSDN markdown 字型字號顏色設定(自己用的)

居中的程式碼是 <div align=center> 程式碼 <font face="宋體">宋體字</font> <font face="宋體" s

Markdown常用字型字號顏色

整理一些自己常用的字型和顏色,作為資料。 1.語法 Markdown中通過font標籤實現字型、字號及顏色配置。語法如下 <font face="字型" size="字號" color=

MFC中設定static text控制元件的背景色字型字號顏色

在實際的應用中,可以用WM_CTLCOLOR 訊息改變mfc中控制元件的顏色,比如現在就來改變一個static text控制元件的 字型、字型大小、字型顏色和背景色。 例如對話方塊的類為CTestDlg. 1. 在對話方塊的類中新增兩個變數. 方法:在classview選項卡中,選擇CTestDlg,右鍵,

MFC中設定Label控制元件的背景色字型字號顏色

實際的應用中,可以用WM_CTLCOLOR 訊息改變mfc中控制元件的顏色,比如現在就來改變一個static text控制元件的 字型、字型大小、字型顏色和背景色。 例如對話方塊的類為CTest

Markdown使用之語法字型字號顏色居中(CSDN)

       Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!        CSDN-markdown編輯器是其衍生版本,擴充套件了M

CSDN-markdown編輯器語法——字型 字號顏色

  Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!   CSDN-markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註、內嵌HTML等等)!對,

markdown 語法之字型字號顏色以及背景色

字型、字號與顏色 <font face="STCAIYUN">我是華文彩雲</font> <font color=gray size=5>color=gray</font> <font color=#0

markdown字型顏色字號的設定

字型、顏色、字號的設定: 我是黑體字 我是黑體字 我是微軟雅黑 我是華文彩雲 黑體 null gray <font color=red face="黑體">我是黑體字<

markdown編輯器——字型.字號顏色

CSDN的markdown編輯器是其衍生版本,擴充套件了Markdown的功能(如表格、腳註、內嵌HTML等等)就是內嵌HTML,接下來要講的功能就需要使用內嵌HTML的方法來實現。 在markdow

CSDN-Markdown語法--縮排圖片居中字型字號

導語 Markdown是一種可以使用普通文字編輯器編寫的標記語言,通過類似HTML的標記語法,它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的!CSDN-Markdown編輯器是其衍生版本,擴充套件了Markdown的功