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

目录

  • 效果展示:表格底色+文字颜色+合并多列+合并多行
  • 1 设置markdown笔记字体、字段设置
    • 1.1 设置字号
    • 1.2 设置缩进
    • 1.3 字体加粗
    • 1.4 字体颜色设置
    • 1.5 全色系16进制对照表格
  • 2 表格怎么写单元格背景色,字色,单元格跨行,跨列
    • 2.1 表格结构

参考自版权声明:本文为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>这是加粗,字号5,字颜色粉
<b><font size = 5 color=#FF0099>这是加粗,字号5,字颜色粉

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

1.4 字体颜色设置


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

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

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色的英文代码
Aqua Black Fuchsia Gray Gree
Lime Maroon Navy Olive Purple
Red Silver Teal White Yellow
Blue DeepPink HotPink LightPink Violet

常用颜色
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">粉色系
</tr>
<tr>
<td bgcolor=#FFCCFF>#FFCCFF
<td bgcolor=#FF99FF>#FF99FF
<td bgcolor=#FF99CC>#FF99CC
<td bgcolor=#990033>#990033
<td bgcolor=#CC6699>#CC6699
</tr>
</table>

效果:

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

表格体,所有行列、单元格都写在里面:

这中间写表格

一个单元格:一个单元格
一行里放多个单元格:这一行放单元格,几个就是几列,中间填单元格内容
单元格背景色:这一格背景色为#FFCCFF
单元格向下跨n行:这一格占n行//n为正整数
单元格向右跨m列:这一格占m列//m为正整数
设置字体这个写出来操作文字,大小,颜色,字体样式等

格式嵌套:
注意:

//表格头
//一行头
        //一行尾
    
colspan="2"为这一个合并两列
//表格尾
<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"为这一个合并两列
    </tr>
    <tr>
        <td bgcolor=#FFCCFF>字体颜色为HotPink
        <td bgcolor="Hotpink">背景色为HotPink</td>
    </tr>
    <tr>
       <td rowspan="4" bgcolor=#>rowspan="4"为这一格合并四行
       <td bgcolor="Pink">和被合并的列所属同一行</td>
    </tr>
     <tr>
       <td bgcolor=#CC66FF>只填一列就行,因为前面被上面占了一列
   </tr>
      <tr>
       <td bgcolor=#FF33CC>同上
    </tr>
      <tr>
       <td bgcolor=#FFFFCC>同上
    </tr> 
</table>

效果:

表头底色不可改,th为表头。colspan="2"为这一个合并两列
colspan="2"为这一个合并两列
字体颜色为HotPink 背景色为HotPink
rowspan="4"为这一格合并四行 和被合并的列所属同一行
只填一列就行,因为前面被上面占了一列
同上
同上

你可能感兴趣的:(笔记,经验分享)