Markdown修改字体大小、字体、背景色等操作

本文介绍 CSDN-markdown 借助 html 实现文字样式设置,包括字体、大小、颜色、高亮和底色。点击这里跳转到文末的颜色列表。

  Markdown 通过简单标记语法,使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。CSDN-markdown 编辑器是其衍生版本,支持基于 PageDown ( Stack Overflow)所使用的编辑器的扩展功能(如表格、脚注、内嵌HTML、内嵌 LaTeX 等等)。

文字样式1(内嵌HTML)

Size:规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是 3.

<span style="color:#000000"><code><span style="color:#006666 !important"><<span style="color:#4f4f4f !important">font</span> <span style="color:#4f4f4f !important">face</span>=<span style="color:#009900 !important">"黑体"</span>></span>我是黑体字<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">font</span>></span>
<span style="color:#006666 !important"><<span style="color:#4f4f4f !important">font</span> <span style="color:#4f4f4f !important">face</span>=<span style="color:#009900 !important">"微软雅黑"</span>></span>我是微软雅黑<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">font</span>></span>
<span style="color:#006666 !important"><<span style="color:#4f4f4f !important">font</span> <span style="color:#4f4f4f !important">face</span>=<span style="color:#009900 !important">"STCAIYUN"</span>></span>我是华文彩云<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">font</span>></span>
<span style="color:#006666 !important"><<span style="color:#4f4f4f !important">font</span> <span style="color:#4f4f4f !important">color</span>=<span style="color:#009900 !important">#0099ff</span> <span style="color:#4f4f4f !important">size</span>=<span style="color:#009900 !important">3</span> <span style="color:#4f4f4f !important">face</span>=<span style="color:#009900 !important">"黑体"</span>></span>color=#0099ff size=3 face="黑体"<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">font</span>></span>
<span style="color:#006666 !important"><<span style="color:#4f4f4f !important">font</span> <span style="color:#4f4f4f !important">color</span>=<span style="color:#009900 !important">#00ffff</span> <span style="color:#4f4f4f !important">size</span>=<span style="color:#009900 !important">4</span>></span>color=#00ffff size=4<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">font</span>></span>
<span style="color:#006666 !important"><<span style="color:#4f4f4f !important">font</span> <span style="color:#4f4f4f !important">color</span>=<span style="color:#009900 !important">gray</span> <span style="color:#4f4f4f !important">size</span>=<span style="color:#009900 !important">5</span>></span>color=gray size=5<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">font</span>></span></code></span>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

呈现效果:

我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=3 face=”黑体”
color=#00ffff size=4
color=gray size=5

文字样式2(LaTeX)

不推荐用嵌入 <script type="math/tex" id="MathJax-Element-1">LaTeX</script> 设置字体颜色,<script type="math/tex" id="MathJax-Element-2">因为这样\ \color{black}{Both\ English\ and\ 汉字都需指定一下格式。}</script>
<script type="math/tex" id="MathJax-Element-3">\color{DarkTurquoise}{否则的话}</script>:$\color{DarkTurquoise}{否则的话}$
<script type="math/tex" id="MathJax-Element-4">\color{silver}{汉字格式}</script>:$\color{silver}{汉字格式}$
<script type="math/tex" id="MathJax-Element-5">\color{HotPink}{就是这样}</script>:$\color{HotPink}{就是这样}$

黄色高亮

我不知道怎么设置别的颜色的高亮,因为 html 的 style 属性和标签这里都不支持 QAQ 有知道的求告知。

文字底色3

由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)。

使用实例:

<span style="color:#000000"><code><span style="color:#006666 !important"><<span style="color:#4f4f4f !important">table</span>></span><span style="color:#006666 !important"><<span style="color:#4f4f4f !important">tr</span>></span><span style="color:#006666 !important"><<span style="color:#4f4f4f !important">td</span> <span style="color:#4f4f4f !important">bgcolor</span>=<span style="color:#009900 !important">PowderBlue</span>></span>这里的背景色是:PowderBlue,  十六进制颜色值: #B0E0E6,rgb(176, 224, 230)<span style="color:#006666 !important"></<span style="color:#4f4f4f !important">td</span>></span><span style="color:#006666 !important"></<span style="color:#4f4f4f !important">tr</span>></span><span style="color:#006666 !important"></<span style="color:#4f4f4f !important">table</span>></span></code></span>
  • 1

呈现效果:

这里的背景色是:PowderBlue, 十六进制颜色值: #B0E0E6,rgb(176, 224, 230)

表格样式设置

表格样式设置请点击这里

想要了解更多

想要了解更多?推荐学习 HTML 基础的语法,可试一试在 CSDN-markdown 中使用。注意部分 html 在这里是不被支持的。

 

颜色列表

本文最后附上转载自 CSDN-markdown编辑器语法——字体、字号与颜色 的颜色列表,按颜色名排序。

颜色名十六进制颜色值颜色
AliceBlue#F0F8FFrgb(240, 248, 255)
AntiqueWhite#FAEBD7rgb(250, 235, 215)
Aqua#00FFFFrgb(0, 255, 255)
Aquamarine#7FFFD4rgb(127, 255, 212)
Azure#F0FFFFrgb(240, 255, 255)
Beige#F5F5DCrgb(245, 245, 220)
Bisque#FFE4C4rgb(255, 228, 196)
Black#000000rgb(0, 0, 0)
BlanchedAlmond#FFEBCDrgb(255, 235, 205)
Blue#0000FFrgb(0, 0, 255)
BlueViolet#8A2BE2rgb(138, 43, 226)
Brown#A52A2Argb(165, 42, 42)
BurlyWood#DEB887rgb(222, 184, 135)
CadetBlue#5F9EA0rgb(95, 158, 160)
Chartreuse#7FFF00rgb(127, 255, 0)
Chocolate#D2691Ergb(210, 105, 30)
Coral#FF7F50rgb(255, 127, 80)
CornflowerBlue#6495EDrgb(100, 149, 237)
Cornsilk#FFF8DCrgb(255, 248, 220)
Crimson#DC143Crgb(220, 20, 60)
Cyan#00FFFFrgb(0, 255, 255)
DarkBlue#00008Brgb(0, 0, 139)
DarkCyan#008B8Brgb(0, 139, 139)
DarkGoldenRod#B8860Brgb(184, 134, 11)
DarkGray#A9A9A9rgb(169, 169, 169)
DarkGreen#006400rgb(0, 100, 0)
DarkKhaki#BDB76Brgb(189, 183, 107)
DarkMagenta#8B008Brgb(139, 0, 139)
DarkOliveGreen#556B2Frgb(85, 107, 47)
Darkorange#FF8C00rgb(255, 140, 0)
DarkOrchid#9932CCrgb(153, 50, 204)
DarkRed#8B0000rgb(139, 0, 0)
DarkSalmon#E9967Argb(233, 150, 122)
DarkSeaGreen#8FBC8Frgb(143, 188, 143)
DarkSlateBlue#483D8Brgb(72, 61, 139)
DarkSlateGray#2F4F4Frgb(47, 79, 79)
DarkTurquoise#00CED1rgb(0, 206, 209)
DarkViolet#9400D3rgb(148, 0, 211)
DeepPink#FF1493rgb(255, 20, 147)
DeepSkyBlue#00BFFFrgb(0, 191, 255)
DimGray#696969rgb(105, 105, 105)
DodgerBlue#1E90FFrgb(30, 144, 255)
Feldspar#D19275rgb(209, 146, 117)
FireBrick#B22222rgb(178, 34, 34)
FloralWhite#FFFAF0rgb(255, 250, 240)
ForestGreen#228B22rgb(34, 139, 34)
Fuchsia#FF00FFrgb(255, 0, 255)
Gainsboro#DCDCDCrgb(220, 220, 220)
GhostWhite#F8F8FFrgb(248, 248, 255)
Gold#FFD700rgb(255, 215, 0)
GoldenRod#DAA520rgb(218, 165, 32)
Gray#808080rgb(128, 128, 128)
Green#008000rgb(0, 128, 0)
GreenYellow#ADFF2Frgb(173, 255, 47)
HoneyDew#F0FFF0rgb(240, 255, 240)
HotPink#FF69B4rgb(255, 105, 180)
IndianRed#CD5C5Crgb(205, 92, 92)
Indigo#4B0082rgb(75, 0, 130)
Ivory#FFFFF0rgb(255, 255, 240)
Khaki#F0E68Crgb(240, 230, 140)
Lavender#E6E6FArgb(230, 230, 250)
LavenderBlush#FFF0F5rgb(255, 240, 245)
LawnGreen#7CFC00rgb(124, 252, 0)
LemonChiffon#FFFACDrgb(255, 250, 205)
LightBlue#ADD8E6rgb(173, 216, 230)
LightCoral#F08080rgb(240, 128, 128)
LightCyan#E0FFFFrgb(224, 255, 255)
LightGoldenRodYellow#FAFAD2rgb(250, 250, 210)
LightGrey#D3D3D3rgb(211, 211, 211)
LightGreen#90EE90rgb(144, 238, 144)
LightPink#FFB6C1rgb(255, 182, 193)
LightSalmon#FFA07Argb(255, 160, 122)
LightSeaGreen#20B2AArgb(32, 178, 170)
LightSkyBlue#87CEFArgb(135, 206, 250)
LightSlateBlue#8470FFrgb(132, 112, 255)
LightSlateGray#778899rgb(119, 136, 153)
LightSteelBlue#B0C4DErgb(176, 196, 222)
LightYellow#FFFFE0rgb(255, 255, 224)
Lime#00FF00rgb(0, 255, 0)
LimeGreen#32CD32rgb(50, 205, 50)
Linen#FAF0E6rgb(250, 240, 230)
Magenta#FF00FFrgb(255, 0, 255)
Maroon#800000rgb(128, 0, 0)
MediumAquaMarine#66CDAArgb(102, 205, 170)
MediumBlue#0000CDrgb(0, 0, 205)
MediumOrchid#BA55D3rgb(186, 85, 211)
MediumPurple#9370D8rgb(147, 112, 216)
MediumSeaGreen#3CB371rgb(60, 179, 113)
MediumSlateBlue#7B68EErgb(123, 104, 238)
MediumSpringGreen#00FA9Argb(0, 250, 154)
MediumTurquoise#48D1CCrgb(72, 209, 204)
MediumVioletRed#C71585rgb(199, 21, 133)
MidnightBlue#191970rgb(25, 25, 112)
MintCream#F5FFFArgb(245, 255, 250)
MistyRose#FFE4E1rgb(255, 228, 225)
Moccasin#FFE4B5rgb(255, 228, 181)
NavajoWhite#FFDEADrgb(255, 222, 173)
Navy#000080rgb(0, 0, 128)
OldLace#FDF5E6rgb(253, 245, 230)
Olive#808000rgb(128, 128, 0)
OliveDrab#6B8E23rgb(107, 142, 35)
Orange#FFA500rgb(255, 165, 0)
OrangeRed#FF4500rgb(255, 69, 0)
Orchid#DA70D6rgb(218, 112, 214)
PaleGoldenRod#EEE8AArgb(238, 232, 170)
PaleGreen#98FB98rgb(152, 251, 152)
PaleTurquoise#AFEEEErgb(175, 238, 238)
PaleVioletRed#D87093rgb(216, 112, 147)
PapayaWhip#FFEFD5rgb(255, 239, 213)
PeachPuff#FFDAB9rgb(255, 218, 185)
Peru#CD853Frgb(205, 133, 63)
Pink#FFC0CBrgb(255, 192, 203)
Plum#DDA0DDrgb(221, 160, 221)
PowderBlue#B0E0E6rgb(176, 224, 230)
Purple#800080rgb(128, 0, 128)
Red#FF0000rgb(255, 0, 0)
RosyBrown#BC8F8Frgb(188, 143, 143)
RoyalBlue#4169E1rgb(65, 105, 225)
SaddleBrown#8B4513rgb(139, 69, 19)
Salmon#FA8072rgb(250, 128, 114)
SandyBrown#F4A460rgb(244, 164, 96)
SeaGreen#2E8B57rgb(46, 139, 87)
SeaShell#FFF5EErgb(255, 245, 238)
Sienna#A0522Drgb(160, 82, 45)
Silver#C0C0C0rgb(192, 192, 192)
SkyBlue#87CEEBrgb(135, 206, 235)
SlateBlue#6A5ACDrgb(106, 90, 205)
SlateGray#708090rgb(112, 128, 144)
Snow#FFFAFArgb(255, 250, 250)
SpringGreen#00FF7Frgb(0, 255, 127)
SteelBlue#4682B4rgb(70, 130, 180)
Tan#D2B48Crgb(210, 180, 140)
Teal#008080rgb(0, 128, 128)
Thistle#D8BFD8rgb(216, 191, 216)
Tomato#FF6347rgb(255, 99, 71)
Turquoise#40E0D0rgb(64, 224, 208)
Violet#EE82EErgb(238, 130, 238)
VioletRed#D02090rgb(208, 32, 144)
Wheat#F5DEB3rgb(245, 222, 179)
White#FFFFFFrgb(255, 255, 255)
WhiteSmoke#F5F5F5rgb(245, 245, 245)
Yellow#FFFF00rgb(255, 255, 0)
YellowGreen#9ACD32rgb(154, 205, 50)

 

常用颜色

color=maroon
color=grey
color=silver
color=lightgrey
color=HotPink
color=DeepPink
color=VioletRed
color=Purple
color=navy
color=Blue
color=DeepSkyBlue
color=LightSkyBlue
color=aqua
color=DarkTurquoise(#00CED1)
color=LightSeaGreen
color=YellowGreen
color=LawnGreen
color=GreenYellow
color=Yellow
color=Tomato
color=red
color=fuchsia
color=MediumOrchid
color=DarkViolet

 

 

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Markdown本身不支持直接修改字体的功能。然而,可以通过使用内嵌HTML的方式来修改字体样式。在Markdown中,可以使用`<font>`标签来修改字体样式。例如,使用`<font face="黑体">`可以将文字设置为黑体字体。\[1\]另外,一些Markdown编辑器的衍生版本,如CSDN-markdown编辑器,支持扩展功能,可以通过内嵌HTML来修改字体、字号和颜色等样式。\[2\]例如,可以使用`<font face="HEI">`来设置字体为黑体。\[3\]需要注意的是,这种方式只在支持HTML的环境中生效,不是所有的Markdown解析器都支持这种方式。 #### 引用[.reference_title] - *1* [CSDN----Markdown:---文字颜色、大小和字体设置](https://blog.csdn.net/MQ0522/article/details/121464627)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Markdown修改字体大小字体背景色操作](https://blog.csdn.net/secular_/article/details/109017212)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [【Android -- 写作工具】Markdown 字体字号](https://blog.csdn.net/duoduo_11011/article/details/106304648)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值