【全网最全】CSDN博客的文字颜色、字体和字号设置

在这篇博客中，我们将深入探讨如何在Markdown编辑器中设置文字颜色、大小、字体与背景色。Markdown本身并不直接支持这些功能，但通过结合HTML标签和CSS样式，我们可以实现这些视觉效果。本教程将介绍常见的技巧和代码片段，帮助你美化你的Markdown文档，使其更加丰富和生动。无论你是初学者还是有经验的Markdown用户，这篇博客都将为你提供有价值的参考和实践指南。准备好了吗？让我们开始吧！！

一、字体颜色

在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 />

效果如下：

浅红色文字：浅红色文字

深红色文字：深红色文字

浅绿色文字：浅绿色文字

深绿色文字：深绿色文字

浅蓝色文字：浅蓝色文字

深蓝色文字：深蓝色文字

浅黄色文字：浅黄色文字

深黄色文字：深黄色文字

浅青色文字：浅青色文字

深青色文字：深青色文字

浅紫色文字：浅紫色文字

深紫色文字：深紫色文字

其实具体的颜色你可以去网上去查，采用的是RGB颜色。这里有个对照：RGB颜色对照表。

二、字体大小

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

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：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>

效果如下：

我是黑体字

我是宋体字

我是微软雅黑字

我是fantasy字

我是Helvetica字

字体格式大全：

华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
隶书：LiSu
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong

四、字体背景色

<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>

效果如下：

背景色的设置是按照十六进制颜色值：#7FFFD4

背景色的设置是按照十六进制颜色值：#FF83FA

背景色的设置是按照十六进制颜色值：#D1EEEE

背景色的设置是按照十六进制颜色值：#C0FF3E

背景色的设置是按照十六进制颜色值：#54FF9F

本文转载自 007与狼共舞
文章地址：https://blog.csdn.net/manjianchao/article/details/53668280

如果这篇文章对你有用，请帮忙点个关注、点赞、收藏，谢谢~