admin 管理员组

文章数量: 1086019

【CSDN

目录

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

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

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

效果：

表头底色不可改，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"为这一格合并四行和被合并的列所属同一行
只填一列就行，因为前面被上面占了一列
同上
同上

本文标签： CSDN

版权声明：本文标题：【CSDN 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1698940482a320105.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。