CSDN-markdown编辑器语法--颜色、字号、字体的使用？

最新推荐文章于 2023-12-17 22:20:53 发布
最新推荐文章于 2023-12-17 22:20:53 发布
阅读量1.4k 收藏 8
点赞数 3
分类专栏： csdn-Markdown 文章标签： csdn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42970341/article/details/119239185
版权

1、csdn代码块的颜色以及代码高亮？

步骤一：

在这里插入图片描述
步骤二：

在这里插入图片描述
在代码块第一个```后面加上语种，即可高亮，如：

在这里插入图片描述
上述代码块类型可为其他：
例如：html、python、js …

2、csdn文字大小、颜色、字体？

（1）文字字体 face
<font face="黑体">我是黑体字</font>
<font face="微软雅黑" size=4>我是微软雅黑</font>

效果：

我是黑体字
我是微软雅黑

（2）文字大小 size

size的值为1-7，默认是3

<font size=2>我是黑体字</font>
<font size=4>我是微软雅黑</font>

效果：

我是黑体字
我是微软雅黑

（3）文字颜色 color
<font  color=#00ffff>我是黑体字</font>
<font color=#0099ff size=4>我是微软雅黑</font>

效果：

我是黑体字
我是微软雅黑

3、 csdn添加表格以及颜色/背景色？(color、bgcolor)

（1）顶部工具栏直接添加

在这里插入图片描述

 - | :-: | :-:
对齐方式
-: 默认居中；
-: 设置内容和标题栏居右对齐；
:- 设置内容和标题栏居左对齐；
:-: 设置内容和标题栏居中对齐；

例：

表头一表头二表头三
文本11文本12文本13
文本21文本22文本23

（2）直接写 table

例：

<table><tbody>
    <tr>
        <th>方法说明</th><th>颜色名称</th><th>颜色</th>
    </tr>
    <tr>
        <td><font color="Hotpink">此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势</font></td><td><font color="Hotpink">Hotpink</font></td><td bgcolor="Hotpink">rgb(240, 248, 255)</td>
    </tr>
    <tr>
        <td><font color="Pink">借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置</font></td><td><font color="pink">AntiqueWhite</font></td><td bgcolor="Pink">rgb(255, 192, 203)</td>
    </tr>
</table>

效果：

方法说明颜色名称颜色
此处实现方法利用 CSDN-markdown 内嵌 html 语言的优势Hotpinkrgb(240, 248, 255)
借助 table, tr, td 等表格标签的 bgcolor 属性实现背景色设置AntiqueWhitergb(255, 192, 203)

颜色列表？

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

颜色名十六进制颜色值颜色
AliceBlue#F0F8FFrgb(240, 248, 255)
AntiqueWhiteFAEBD7rgb(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#A52A2A rgb(165, 42, 42)
BurlyWood#DEB887rgb(222, 184, 135)
CadetBlue #5F9EA0 rgb(95, 158, 160)
Chartreuse #7FFF00 rgb(127, 255, 0)
Chocolate #D2691E rgb(210, 105, 30)
Coral#FF7F50rgb(255, 127, 80)
CornflowerBlue#6495EDrgb(100, 149, 237)
Cornsilk#FFF8DC rgb(255, 248, 220)
Crimson#DC143C rgb(220, 20, 60)
Cyan#00FFFFrgb(0, 255, 255)/td>
DarkBlue#00008Brgb(0, 0, 139)
DarkCyan#008B8B rgb(0, 139, 139)
DarkGoldenRod #B8860B rgb(184, 134, 11)
DarkGray #A9A9A9 rgb(169, 169, 169)
DarkGreen #006400rgb(0, 100, 0)
DarkKhaki #BDB76B rgb(189, 183, 107)
DarkMagenta #8B008B rgb(139, 0, 139)
DarkOliveGreen #556B2Frgb(85, 107, 47)
Darkorange#FF8C00 rgb(255, 140, 0)
DarkOrchid #9932CC rgb(153, 50, 204)
DarkRed#8B0000rgb(139, 0, 0)
DarkSalmon#E9967A rgb(233, 150, 122)
DarkSeaGreen#8FBC8Frgb(143, 188, 143)
DarkSlateBlue#483D8B rgb(72, 61, 139)
DarkSlateGray #2F4F4Frgb(47, 79, 79)
DarkTurquoise#00CED1 rgb(0, 206, 209)
DarkViolet #9400D3 rgb(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#B22222 rgb(178, 34, 34)
FloralWhite#FFFAF0rgb(255, 250, 240)
ForestGreen#228B22rgb(34, 139, 34)
Fuchsia #FF00FFrgb(255, 0, 255)
Gainsboro #DCDCDC rgb(220, 220, 220)
GhostWhite#F8F8FFrgb(248, 248, 255)
Gold #FFD700 rgb(255, 215, 0)
GoldenRod#DAA520rgb(218, 165, 32)
Gray #808080rgb(128, 128, 128)
Green#008000rgb(0, 128, 0)
GreenYellow #ADFF2F rgb(173, 255, 47)
HoneyDew #F0FFF0rgb(240, 255, 240)
HotPink#FF69B4rgb(255, 105, 180)
IndianRed#CD5C5C rgb(205, 92, 92)
Indigo#4B0082rgb(75, 0, 130)
Ivory #FFFFF0 rgb(255, 255, 240)
Khaki#F0E68C rgb(240, 230, 140)
Lavender#E6E6FArgb(230, 230, 250)
LavenderBlush#FFF0F5rgb(255, 240, 245)
LawnGreen#7CFC00 rgb(124, 252, 0)
LemonChiffon#FFFACD rgb(255, 250, 205)
LightBlue#ADD8E6rgb(173, 216, 230)
LightCoral#F08080rgb(240, 128, 128)
LightCyan #E0FFFFrgb(224, 255, 255)
LightGoldenRodYellow #FAFAD2rgb(250, 250, 210)
LightGrey #D3D3D3 rgb(211, 211, 211)
LightGreen#90EE90 rgb(144, 238, 144)
LightPink#FFB6C1rgb(255, 182, 193)
LightSalmon#FFA07Argb(255, 160, 122)
LightSeaGreen#20B2AA rgb(32, 178, 170)
LightSkyBlue #87CEFArgb(135, 206, 250)
LightSlateBlue#8470FFrgb(132, 112, 255)
LightSlateGray#778899rgb(119, 136, 153)
LightSteelBlue#B0C4DErgb(176, 196, 222)
LightYellow#FFFFE0 rgb(255, 255, 224)
Lime #00FF00rgb(0, 255, 0)
LimeGreen#32CD32 rgb(50, 205, 50)
Linen#FAF0E6 rgb(250, 240, 230)
Magenta#FF00FFrgb(255, 0, 255)
Maroon #800000rgb(128, 0, 0)
MediumAquaMarine#66CDAA rgb(102, 205, 170)
MediumBlue#0000CDrgb(0, 0, 205)
MediumOrchid#BA55D3 rgb(186, 85, 211)
MediumPurple#9370D8rgb(147, 112, 216)
MediumSeaGreen#3CB371rgb(60, 179, 113)
MediumSlateBlue#7B68EE rgb(123, 104, 238)
MediumSpringGreen#00FA9Argb(0, 250, 154)
MediumTurquoise#48D1CCrgb(72, 209, 204)
MediumVioletRed#C71585 rgb(199, 21, 133)
MidnightBlue#191970rgb(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#000080rgb(0, 0, 128)
OldLace#FDF5E6 rgb(253, 245, 230)
Olive#808000rgb(128, 128, 0)
OliveDrab #6B8E23 rgb(107, 142, 35)
Orange #FFA500rgb(255, 165, 0)
OrangeRed#FF4500 rgb(255, 69, 0)
Orchid #DA70D6 rgb(218, 112, 214)/td>
PaleGoldenRod#EEE8AA rgb(238, 232, 170)
PaleGreen#98FB98 rgb(152, 251, 152)
PaleTurquoise#AFEEEE rgb(175, 238, 238)
PaleVioletRed#D87093rgb(216, 112, 147)
PapayaWhip#FFEFD5rgb(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 #B0E0E6rgb(176, 224, 230)
Purple#800080rgb(128, 0, 128)
Red#FF0000 rgb(255, 0, 0)
RosyBrown #BC8F8F rgb(188, 143, 143)
RoyalBlue #4169E1rgb(65, 105, 225)
SaddleBrown #8B4513rgb(139, 69, 19)
Salmon #FA8072 rgb(250, 128, 114)
SandyBrown #F4A460rgb(244, 164, 96)
SeaGreen#2E8B57rgb(46, 139, 87)
SeaShell#FFF5EE rgb(255, 245, 238)
Sienna #A0522D rgb(160, 82, 45)
Silver#C0C0C0rgb(192, 192, 192)
SkyBlue#87CEEBrgb(135, 206, 235)
SlateBlue #6A5ACDrgb(106, 90, 205)
SlateGray #708090rgb(112, 128, 144)
Snow#FFFAFA rgb(255, 250, 250)
SpringGreen#00FF7Frgb(0, 255, 127)
SteelBlue #4682B4rgb(70, 130, 180)
Tan#D2B48Crgb(210, 180, 140)
Teal #008080rgb(0, 128, 128)
Thistle#D8BFD8 rgb(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#FFFFFF rgb(255, 255, 255)
WhiteSmoke #F5F5F5 rgb(245, 245, 245)
Yellow #FFFF00 rgb(255, 255, 0)
YellowGreen#9ACD32 rgb(154, 205, 50)
lv_na
关注
专栏目录
个人博客 修改markdown代码块背景颜色
blackeagleoht的博客
03-29 1万+
最近在学习用django搭建个人博客系统，在博客中添加了markdown功能，如下图中的代码块背景色是浅灰色： 感觉这个浅灰色颜色不太好看，想换个颜色，最终找到了修改代码块颜色的地方，修改后代码块颜色如下图（黄色也不大好看，这里只是介绍修改颜色的方法，具体什么颜色好看还需要自己多尝试替换几种颜色）： 下面说一下修改方法。 这里先说一下参考的搭建个人blog的教程：django搭建个人博客系统教...
CSDN 的 Markdown 编辑器语法
Let`s Pythonic
10-24 915
本文是对 CSDN 的 Markdown 编辑器语法的简略记录，目的仅在于方便自己随时查阅。
prettiermarkdown解析在markdown文件中的代码块并高亮着色代码
08-09
prettier-markdown 解析在markdown文件中的代码块，并高亮着色代码
MarkDownPad2中代码块着色并语法高亮
qq_42757782的博客
02-19 1515
MarkDownPad 2 默认不会对代码块进行着色，要达到酷炫的代码高亮的效果，需要进行一些配置。 配置方法如下： 工具→选项→高级→HTML Head编辑器 将如下代码粘贴进去保存即可。 <link rel="stylesheet" href="https://cdn.bootcss.com/highlight.js/8.0/styles/solarized_dark.min.css"> <script src="https://cdn.bootcss.com/highlight.js
Markdown 文字颜色代码卡 （自用超好看）
liuwanqing233333的博客
10-16 1324
喜欢彩虹色
markdown编辑器语法——文字颜色、大小、字体与背景色的设置(转载)
lqw198421的专栏
04-29 631
CSDN的markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。 一、颜色 在markdown中采用如下方式能够控制文字的颜色： 浅红色文字：<font color="#dd0000">浅红色文字：</font><br /> 深红色文字：<font color="#660000">深红色文字</font><br /> 浅
CSDN-markdown编辑器语法——字体、字号与颜色
05-27
CSDN-markdown编辑器支持使用HTML标签来设置字体、字号与颜色，具体如下： 1. 字体 使用`<font>`标签来设置字体，语法为： ``` 字体名称">文字 ``` 其中，`face`属性指定字体名称，比如： ``` 宋体">这是宋体...
CSDN-Markdown 字体颜色
星空
04-30 296
CSDN-Markdown 字体颜色
markdown 绘图利器之 graphviz 详解
文章中资料均可获取，有需要请添加yunduoa2019即可
09-25 2537
概述 Markdown 是一个轻量级的标记语言，语法简单、易于上手，深受程序员、博主等人群的钟爱。Markdown 工具链也非常丰富，如graphviz软件，就是可以嵌入markdown文本，进行思维导图、流程图、系统框图绘制的利器，让你心无旁骛，全心投入到系统架构、软件、算法的设计中。 在markdown使用 graphviz 语法，推荐使用 vnote 软件 graphviz 是 AT&T的bell实验室开源的脚本自动化绘图软件，其主要用于绘制关系图，自动排版，有效提升工作效率。同时，
四行代码解决markdown的字体和背景颜色设置
Buzz_G的博客
10-12 1794
我们在用markdown做笔记的时候往往会导出为文件来看，但是纯白的底色会刺激我们眼睛。但是直接对文章设置要在头尾做标记，复制起来比较不方便。接下来的这段代码加在文末即可。
Markdown字体颜色，大小，形式，背景色和表格语法详解
小哨的博客
02-08 4185
Markdown好用的一些标记技巧---字体颜色、大小、样式、背景色、表格
CSDN Markdown 代码块主题（背景色）的配置方法
m0_46697000的博客
03-31 1447
csdn 博文对 markdown 的支持应该说是越来也好了！ 不过，近期发的博文，代码块的背景色始终是黑色，看着不舒服，在网上搜了一些修改 markdown 背景色的方法，都不理想。 而 CSDN 帮助文档的说明竟然不完整！！！（如下） 没有包含代码片主题设置的说明！ 实际上，代码片主题是可以配置的！ 默认主题为：Atom One Dark 可以前往创作中心/博客管理/博客设置在代码片样式项进...
makedown文字上色技巧
qq_55796594的博客
09-14 844
makedown是开发者常用的编辑器，其特点是以代码的风格组织页面，深受开发者欢迎。然而makedown本身不支持为文字添加颜色高亮显示，初学者面对这种需求时可能会无从下手。这里提供两种为文字添加颜色高亮的方法，仅供参考，欢迎指导交流。
Markdown编辑器常用颜色背景指南（附颜色与代码展示，cv即可用）
最新发布
YYDsis的博客
12-17 2762
本文记录了博主写markdown博客时常用的一些颜色指令
Markdown小技巧：代码格式、缩进和字体大小
热门推荐
花栗鼠先生的博客
12-20 1万+
代码格式可以用<pre name="code" class="java"></pre>包裹住代码块，例如： <pre name="code" class="java">这是一个Java代码</pre>public class Demo{ public static void main(String[] args) { // 这是一个Java代码 }
让代码块有颜色
weixin_43909860的博客
01-27 896
让代码块有颜色 没有颜色 #include&lt;stdio.h&gt; #include&lt;stdlib.h&gt; int main() 有颜色 #include&lt;stdio.h&gt; #include&lt;stdlib.h&gt; int main() 解决方案 代码块的第一个```后加上所用编程语言名称 例如：```c ```java 等 ...
CSDN中Markdown的快捷键及实用技巧
陌若安生的博客
07-16 553
文章目录一、生成目录二、快捷键三、图片居中四、修改字体大小和颜色五、换行六、插入公式 一、生成目录 在文章开头输入@[TOC]来生成目录： 二、快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q 插入链接 Ctrl + L 插入代码 Ctrl + K 插入图片 Ctrl + G 提升标题 Ctrl + H 有序列表 Ctrl + O 无序列表 Ctrl + U 横线 ...
Markdown语法以及颜色设置
sinat_37212928的博客
05-25 1386
http://blog.csdn.net/ccj659/article/details/52381841 “`c 欢迎使用Markdown编辑器写博客 本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值