【CSDN-markdown】【设置字体样式、复杂表格写法、跨行、跨列、设置表格内背景色及字色】字体+字号+缩进+字加粗+字颜色+表格底色+文字颜色+合并多列+合并多行

已于 2023-09-10 23:38:59 修改
阅读量2.1k 收藏 11
点赞数 1
分类专栏： 工具的基础设置+遇到的bug解决 文章标签： 笔记 经验分享
于 2023-05-29 03:23:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24990383/article/details/130892884
版权

目录


参考自版权声明：本文为CSDN博主「一条余弦Cos」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接： https://blog.csdn.net/Sunnyside_/article/details/115112120

效果展示：表格底色+文字颜色+合并多列+合并多行

效果：

表头底色不可改，th为表头。colspan="2"为这一个合并两列
colspan="2"为这一个合并两列
字体颜色为HotPink背景色为HotPink
rowspan="4"为这一格合并四行和被合并的列所属同一行
只填一列就行，因为前面被上面占了一列
同上
同上
# 字体 
1.<font face="微软雅黑">微软雅黑</font>
2.<font face="华文琥珀">华文琥珀</font>
3.<font face="华文隶书">华文隶书</font>
4.<font face="华文行楷">华文行楷</font>
5.<font face="华文新魏">华文新魏</font>
6.<font face="幼圆">幼圆</font>
7.<font face="宋体">宋体</font>

1.微软雅黑
2.华文琥珀
3.华文隶书
4.华文行楷
5.华文新魏
6.幼圆
7.宋体

1 设置markdown笔记字体、字段设置

1.1 设置字号

<font face="微软雅黑" size=1><b>字号1</b></font>
<font face="微软雅黑" size=2><b>字号2</b></font>
<font face="微软雅黑" size=3><b>字号3</b></font>
<font face="微软雅黑" size=4><b>字号4</b></font>
<font face="微软雅黑" size=5><b>字号5</b></font>
<font face="微软雅黑" size=5><b>字号6</b></font>
<font face="微软雅黑" size=5><b>字号7</b></font>

字号1
字号2
字号3
字号4
字号5
字号6
字号7

size: 规定文本字体大小的值。浏览器默认的字体是微软雅黑，默认的size是3。

1.2 设置缩进

&emsp;&emsp;//缩进两个汉字字符
&emsp;//缩进一个汉字字符
&ensp;&ensp;//缩进两个英文字符
&ensp;//缩进一个英文字符

  //缩进两个汉字字符
 //缩进一个汉字字符
  //缩进两个英文字符
 //缩进一个英文字符

1.3 字体加粗

<b>需要插入的文字</b> 这是加粗。
<font size = 5 color=#FF0099><b>这是加粗,字号5，字颜色粉</b></font>
<b><font size = 5 color=#FF0099>这是加粗,字号5，字颜色粉</font></b>

需要插入的文字 这是加粗。
这是加粗,字号5，字颜色粉
这是加粗,字号5，字颜色粉

1.4 字体颜色设置


<font face="微软雅黑" size=4 color=#FF3399>好雨知时节</font>
<font face="华文琥珀" size=4 color=#00CC00>当春乃发生</font>
<font face="隶属" size=4 color=#CC66FF>随风潜入夜</font>
<font face="华文行楷" size=4 color=#6699FF>润物细无声</font>

好雨知时节
当春乃发生
随风潜入夜
润物细无声

1.5 全色系16进制对照表格

粉色系
#FFCCFF#FF99FF#FF99CC#990033#CC6699
#FF6699#FF3366#993366#CC0066#CC0033
#FF0066#FF0033#CC3399#FF3399#FF0099
#FF9999#CC3366#FF66CC#FF33CC#FF00CC
紫色系
#FF66FF#CC33CC#CC00FF#FF33FF#CC99FF
#CC33FF#CC99CC#990066#993399#CC66CC
#9900CC#FF00FF#CC66FF#990099#CC0099
#CC00CC#663366
蓝色系
#660099#6666FF#0000CC#9933CC#666699
#99CCFF#9933FF#330099#6699FF#9966CC
#663399#333FF#006699#6633CC#3333CC
#0033FF#66CCFF#330066#3366FF#3399FF
#0099FF#CCCCFF#000033#33CCFF#9999FF
#660066#333366#330033#3300FF#6699CC
#3399CC#6600CC#0066FF#0099CC#9966FF
#6600FF#3366CC#003399#6633FF#000066
#0000FF#00CCFF#9999CC#000099#6666CC
#0033CC
黄色系
#FFFFCC#FFCC00#CC9909#663300#FF6600
#FFCC66#FF9900#FF9966#CC3300#996666
#CC6600#FF6633#996633#CC9999#FF3333
#FF9933#330000#993333#CC3333#CC0000
#663333#CC6666#FF6666#FF0000#FFFF99
#FFCCCC#660000#FF3300#FF6666#FFCC33
#990000#CC9966#FFFF33#CC9933#993300
#FFCC99#FFFF00#996600#CC6633
绿色系
#99FFFF#33CCCC#00CC99#99FF99#009966
#66CCCC#66FFCC#66FF66#009933#00CC33
#99FFCC#339933#33FF66#33CC33#99FF00
#99CC99#00FF66#66FF33#66CC00#99CC00
#CCFFCC#00FF00#00CC00#CCFF66#CCCC66
#66CC33#33CC00#CCFF33#666633#669999
#339900#CCFF00#999966#99CCCC#33FFCC
#999900#CCCC99#CCFFFF#33CC99#66CC66
#33FF33#33FF00#99CC33#CCCC33#66FFFF
#66FF00#336600#333300#33FFFF#339999
#669900#666600#00FFFF#336666#00FF99
#999933#00CCCC#006666#339966#66FF99
#009999#003333#006633#33FF99#CCFF99
#00FFCC#336633#33CC66#99FF66#006600
#669966#00CC66#99FF33#003300#99CC66
#66CC99#00FF33#009900#669900#669933
#CCCC00
白、灰、黑系
#FFFFFF#CCCCCC#999999#666666#333333
#000000
16色的英文代码
AquaBlackFuchsiaGrayGree
LimeMaroonNavyOlivePurple
RedSilverTealWhiteYellow
BlueDeepPinkHotPinkLightPinkViolet

常用颜色
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

2 表格怎么写单元格背景色，字色，单元格跨行，跨列

2.1 表格结构

表头写td不写th就可以改背景色

<table><tbody>
<tr>
<td bgcolor=#FFFFFF colspan="4"><b><font size = 5 color=#FF0099>粉色系</font></b></td>
</tr>
<tr>
<td bgcolor=#FFCCFF><font color=#>#FFCCFF</font ></td>
<td bgcolor=#FF99FF><font color=#FFFFFF>#FF99FF</font ></td>
<td bgcolor=#FF99CC><font color=#FFFFFF>#FF99CC</font ></td>
<td bgcolor=#990033><font color=#FFFFFF>#990033</font ></td>
<td bgcolor=#CC6699><font color=#FFFFFF>#CC6699</font ></td>
</tr>
</table>

效果：

粉色系
#FFCCFF#FF99FF#FF99CC#990033#CC6699
写法：

表格体，所有行列、单元格都写在里面：<table><tbody>这中间写表格</table>
一个单元格：<td>一个单元格</td>
一行里放多个单元格：<tr>这一行放单元格，几个就是几列，中间填单元格内容</tr>
单元格背景色：<td bgcolor=#FFCCFF>这一格背景色为#FFCCFF</td>
单元格向下跨n行：<td rowspan="n">这一格占n行</td>//n为正整数
单元格向右跨m列：<td colspan="m">这一格占m列</td>//m为正整数
设置字体<font size=n color=#FFFFFF face="华文琥珀">这个写出来操作文字，大小，颜色，字体样式等</font>

格式嵌套：
注意：

<table><tbody>//表格头
<tr>//一行头
        <td colspan="2" bgcolor=#FFFFCC>colspan="2"为这一个合并两列</td>
    </tr>//一行尾
    
</table>//表格尾

<font size=4><b> 效果：</b></font>
<table><tbody>
    <tr>
        <th colspan="2">表头底色不可改，th为表头。colspan="2"为这一个合并两列</th>
    </tr>
    <tr>
        <td colspan="2" bgcolor=#FFFFCC>colspan="2"为这一个合并两列</td>
    </tr>
    <tr>
        <td bgcolor=#FFCCFF><font color="Hotpink">字体颜色为HotPink</font></td>
        <td bgcolor="Hotpink">背景色为HotPink</td>
    </tr>
    <tr>
       <td rowspan="4" bgcolor=#><font color=#FFB6C1>rowspan="4"为这一格合并四行</font></td>
       <td bgcolor="Pink">和被合并的列所属同一行</td>
    </tr>
     <tr>
       <td bgcolor=#CC66FF><font>只填一列就行，因为前面被上面占了一列</font></td>
   </tr>
      <tr>
       <td bgcolor=#FF33CC><font >同上</font></td>
    </tr>
      <tr>
       <td bgcolor=#FFFFCC><font>同上</font></td>
    </tr> 
</table>

效果：

表头底色不可改，th为表头。colspan="2"为这一个合并两列
colspan="2"为这一个合并两列
字体颜色为HotPink背景色为HotPink
rowspan="4"为这一格合并四行和被合并的列所属同一行
只填一列就行，因为前面被上面占了一列
同上
同上
_esther_
关注
专栏目录
Markdown语法(字体,样式,公式,背景,图表等)
海阔天空
09-18 1万+
1、如何改变文本的样式 2、缩进与换行 3、插入链接与图片 4、字体、字号与颜色 5、背景色 6、分割线 7、代码块 8、使用LaTex数学公式 9、生成一个适合你的列表 10、创建一个表格 11、创建一个自定义列表 12、序列图和流程图
快速生成CSDN博文格式支持markdown 复杂表格方法
qq_44813644的博客
04-06 588
快速生成CSDN博文格式支持markdown 复杂表格方法方法1：使用HTML表格格式生成，简单表格方便，复杂表格速度不快方法2：使用markdown自带语法方法2：复杂表格使用Excel生成，导出为HTML 方法1：使用HTML表格格式生成，简单表格方便，复杂表格速度不快 通过 < table > 、 < tr >、 < td >、 < th &gt...
Markdown自定义字体样式（字体颜色、背景）
最新发布
Zmaomao_的博客
07-29 723
写笔记是一直以来的计划，记录的过程不仅可以复习巩固，还可以查漏补缺。最近在写笔记时，接触了Markdown，在此记录下写作过程中常用的Markdown语法，分享给感兴趣的小伙伴。以上就是今天分享的内容，本文仅仅简单介绍了Markdown自定义字体样式，而Markdown提供了大量丰富的语法，待后续更新~~。
Markdown表格——复杂表格
热门推荐
dream_summer的博客
12-07 6万+
markdown 中的表格样式设置
markdown复杂表格制作
非-浪的博客
09-22 1211
数字格式输出描述 3.1415926 {:.2f} 3.14 保留小数点后两位 3.1415926 {:+.2f} +3.14 带符号保留小数点后两位 -1 {:+.2f} -1.00 带符号保留小数点后两位 2.71828 {:.0f} 3 不带小数 5 {:0>2d} 05 数字补.
Markdown之设置字体、粗体、颜色、居中显示等(十二)
Android系统攻城狮
04-03 2016
本篇目的：Markdown之设置字体、粗体、颜色、居中显示等操作。
【Markdown语法】字体颜色大小及文字底色设置
xdy762024688的博客
08-23 2万+
算是我本人写博客时比较偏爱的一种方式啦，尤其是在一堆文字里写上一句代码时，或者特地突出哪句话时，加上粉色矩形框就比较nice了，既能起到突出强调的作用，方便阅读，并且也比较美观（相比较黄色的高亮好太多了~）！自 CSDN-markdown编辑器语法——字体、字号与颜色 的颜色列表，按颜色名排序。如果不需要改变输入内容的其他属性，比如加粗，斜体等，可以在内容前面加上。Ω snow , 单片机学习（3）——数码管的显示+定时器+中断 ↩。文章作者1（任意想输入的汉字）, 转载文章的名称. ↩。
Markdown【csdn】
JemeryShen的专栏
08-14 201
如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + S.........
CSDN Markdown编辑器帮助文档
梦里是你呀的博客
02-07 726
Markdown编辑器帮助文档欢迎使用Markdown编辑器新的改变文字颜色、字体、大小与背景色的设置1. 颜色2. 字体3. 大小4.背景色文字对齐设置1.左对齐2.居中3.右对齐生成目录标题功能快捷键合理的创建标题，有助于目录的生成1级标题如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何...
CSDN博客利用HTML标签制作美观表格
一个超会写Bug的程序猿的博客
02-04 1482
HTML代码： <table> <thead> <tr> <th align = "left" colspan = "5"><font size = 4 color = "Red">用于定义数据类型的关键字</font></th> </tr> </thead> <tbody> <tr>
Markdown常用语法汇总
韩麸子的博客
06-04 4139
Markdown语法的版本不止一种，以下仅列举GitHub风格的Markdown(简称GFM)规范语法，本文正文用Markdown语法书写，原始语句及注释放在区块中(tab键、4个空格、```都可以生成区块，而且第三种还支持代码高亮)供参考： 一. 基础语法 1.1 标题 # 一级标题 ## 二级标题 ### 三级标题 大标题 ==== 中标题 ------- 关于标题需要注意： 1、#与标题之间要有空格； 2、一篇文章通常只有一个一级标题； 3、一级标题和二级..
csdn的Markdown编辑器中如何（跨行跨列）合并单元格表格
小志的博客
12-24 1613
一、Markdown编辑器表格合并介绍 Markdown虽然没有合并单元格的语法，但是Markdown是兼容HTML的，因此，我们可以通过HTML的方式实现单元格合并。 跨行合并使用 rowspan 属性 跨列合并使用 colspan 属性 二、合并代码示例 1、将以下代码直接贴到Markdown编辑器中即可。 <table> <tr> <th>oracle版本</th> <th colspan="3">Orac
markdown中编辑复杂表格
sunbocong的博客
07-13 5万+
markdown中编辑复杂表格 使用markdown自带语法 markdown中自带了基本的表格编辑语法： 如： | name | age | gender | money | |-------|:---:|-----------|-------:| | rhio | 384 | robot | $3,000 | | haroo | .3 | bird ...
Markdown (CSDN) MD编辑器（四）- 漂亮表格(表格背景色、跨行、跨列、多行)
wkd_007的博客
04-28 2万+
markdown的表格语法简单，功能也简单，有时表格需要设置背景色、跨行、跨列，markdown支持内嵌HTML的语法，所以可以用 HTML 表格来实现这样的需求。
markdown做复杂表格
chch2010523的博客
08-08 1171
HTML格式的表格 由于Markdown兼容html语法，因此可以用html语法生成一些复杂形式的表格。如下面可合并行列的表格： <table><tbody> <tr> <th rowspan=3>合并行</th> <th>第一列</th> <th&gt...
Markdown 表格单元格合并（跨行、跨列）及文本换行
u013669912的博客
06-06 2485
…
Markdown如何自定义字体样式：字体颜色、背景、斜体、粗体、下划线、删除线、高亮、下/上标
nings666的博客
11-24 1万+
最近写文章时，发现需要使用一些不同的Markdown语法来显示，在此整理和记录下这些语法，同时分享给大家。以上就是文章的全部内容，本文仅仅简单介绍了 Markdown 如何自定义字体样式，而Markdown还有其他丰富的语法，待后续总结后记录和分享。
csdn表格控制 - markdown
qq_1403034144的博客
05-01 492
目录1 方法2 实际操作第1步 word表格做好第2步 粘贴进[http://pressbin.com/tools/excel_to_html_table/index.html](http://pressbin.com/tools/excel_to_html_table/index.html)第3步 复制红框内容第4步 将复制好的内容粘贴进csdn文章编辑区 1 方法 先在word中把表格做好，注...
Markdown设置字体大小、颜色、类型、加粗
justin18chan的博客
11-09 6491
原文链接：https://blog.csdn.net/weixin_45634365/article/details/115438164。size：规定文本的尺寸大小，取值范围为1~7 ，浏览器默认值是 3。注意，size=50也是可以显示的，但与7的字体大小一样。版权声明：本文为CSDN博主「弈-剑」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。注意，字体类型的设置只能在电脑上才能显示字体效果，在手机上无法显示字体类型。字体大小size=1。字体大小size=3。
CSDN-markdown编辑器语法——字体、字号与颜色
05-27
CSDN-markdown编辑器支持使用HTML标签来设置字体、字号与颜色，具体如下： 1. 字体 使用`<font>`标签来设置字体，语法为： ``` 字体名称">文字 ``` 其中，`face`属性指定字体名称，比如： ``` 宋体">这是宋体...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值