优快云默认编辑器（markdown）——文字颜色、大小、字体与背景色的设置

最新推荐文章于 2025-06-09 11:42:09 发布

转载最新推荐文章于 2025-06-09 11:42:09 发布 · 1.7k 阅读

文章标签：

#优快云文字颜色大小字体背景色设置

优快云专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了优快云 Markdown编辑器的高级功能，包括如何使用内嵌HTML来改变文字颜色、大小、字体及背景色，提供了具体代码示例，帮助用户掌握更丰富的Markdown编辑技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

一、颜色

在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 /> 
 1
2
3
4
5
6
7
8
9
10
11
12

效果如下：

浅红色文字：浅红色文字：

深红色文字：深红色文字

浅绿色文字：浅绿色文字

深绿色文字：深绿色文字

浅蓝色文字：浅蓝色文字

深蓝色文字：深蓝色文字

浅黄色文字：浅黄色文字

深黄色文字：深黄色文字

浅青色文字：浅青色文字

深青色文字：深青色文字

浅紫色文字：浅紫色文字

深紫色文字：深紫色文字

其实具体的颜色你可以去网上去查，采用的是RGB颜色
这里有个对照：
http://www.114la.com/other/rgb.htm
可以选择你想要的颜色对应的RGB值。

二、大小

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 /> 
 1
2
3
4
5

效果如下：

size为1：size为1

size为2：size为2

size为3：size为3

size为4：size为4

size为10：size为10

三、字体

<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>
<font face="微软雅黑">我是微软雅黑字</font>
<font face="fantasy">我是fantasy字</font>
<font face="Helvetica">我是Helvetica字</font>
 1
2
3
4
5

效果如下：

我是黑体字
我是宋体字
我是微软雅黑字
我是fantasy字
我是Helvetica字

尝试了几个word中的字体都是可以的，我估计word中的字体基本都能够实现吧。

四、背景色

<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>
 1
2
3
4
5