Markdown如何自定义字体样式:字体颜色、背景、斜体、粗体、下划线、删除线、高亮、下/上标
文章目录
Markdown如何自定义字体样式:字体颜色、背景、斜体、粗体、下划线、删除线、高亮、下/上标前言一、字体大小二、字体颜色1. 英文字母2. 十六进制颜色值
三、字体背景色三、字体类型四、字体加粗五、字体斜体六、下划线七、删除线八、高亮代码高亮行内代码高亮代码块高亮
普通文本高亮
九、下标十、上标十一、混合使用总结参考资料今天的分享就到此结束了
前言
最近写文章时,发现需要使用一些不同的Markdown语法来显示,在此整理和记录下这些语法,同时分享给大家。
一、字体大小
size:规定文本的尺寸大小,取值范围为1~7 ,浏览器默认值是 3。
注意,size值大于7也是可以显示的,但与7的字体大小一样
Markdown语法:
字体大小size=1
字体大小size=3
字体大小size=5
字体大小size=7
效果如下:
字体大小size=1 字体大小size=3 字体大小size=5 字体大小size=7
二、字体颜色
1. 英文字母
Markdown语法
红色
绿色
蓝色
蓝绿色
黄色
黄绿色
效果如下:
红色 绿色 蓝色 蓝绿色 黄色 黄绿色
2. 十六进制颜色值
Markdown语法
黑色
红色
绿色
蓝色
效果如下:
黑色 红色 绿色 蓝色
附:常用的颜色
颜色名十六进制颜色值rgb颜色黑色(black)000000rgb(0, 0, 0)蓝色(blue)0000FFrgb(0, 0, 255)灰色(grey)808080rgb(128, 128, 128)绿色(green)008000rgb(0, 128, 0)橙色(orange)FFA500rgb(255, 165, 0)红色(red)FF0000rgb(255, 0, 0)黄色(yellow)FFFF00rgb(255, 255, 0)
三、字体背景色
由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)
Markdown语法
| 背景色orange |
效果如下:
背景色orange
三、字体类型
注意,字体类型的设置只能在电脑上才能显示字体效果,在手机上无法显示字体类型
Markdown语法
黑体
宋体
仿宋
幼圆
楷书
华文行楷
华文隶书
华文新魏
华文彩云
华文琥珀
效果如下:
黑体 宋体 仿宋 幼圆 楷书 华文行楷 华文隶书 华文新魏 华文彩云 华文琥珀
四、字体加粗
用**包含一段文本就是粗体的语法。
Markdown语法
**加粗**
效果如下:
加粗
也可以使用编辑器里的快捷键,如下快捷键即可快速粗体:
粗体:Ctrl+B
五、字体斜体
用*包含一段文本就是斜体的语法。
Markdown语法
*斜体*
效果如下:
斜体
也可以使用编辑器里的快捷键,如下快捷键即可快速斜体:
斜体:Ctrl+I
六、下划线
用标签包含一段文本就是下划线的语法。
Markdown语法
文本
效果如下:
文本
注意:
Markdown自身没有实现下划线,但它是HTML的子集,实现了标签CSDN的锚和链接是没有下划线的、只是颜色高亮,一般建议加上下划线,会更明确是链接、可点击的;一般文本建议不要加下划线,容易误会成链接
七、删除线
用~~包含一段文本就是删除线的语法。
Markdown语法
~~文本~~
效果如下:
文本
八、高亮
高亮的定义:通过字体的颜色或背景色,突出某内容。
有以下几种情况:
代码高亮
这是最普遍支持的高亮。又分为行内代码和代码块两种:
行内代码高亮
语法如下:
`print $0`
效果如下:
print $0
行内代码中,若需要 ` 符号,可使用 `` ` `` 实现
注意:
两侧需有空格或制表符以此类推,若要实现 `` ,可通过 ``` `` ``` 实现
代码块高亮
语法如下:
## 注意:下面是py增强代码块的特性,指代码块是python语法,不同的markdown编辑器对此支持可能会有不同
```py
print $0
```
效果如下:
print $0
代码块中,也支持出现 `。与行内代码类似,代码中连续的 `,不能超过代码块最外侧的 ` 数量。例如,要打印 ``` (3个),代码块需使用 ````(4个)声明
普通文本高亮
CommonMark中并未定义普通文本高亮。
可通过HTML标签实现:
语法如下:
文本高亮
效果如下:
文本高亮
注意:不同编辑器对标签的样式实现可能会略有不同
CSDN中支持通过==文本高亮==,实现文本高亮
Markdown语法
==文本高亮==
效果如下:
文本高亮
九、下标
用~包含一段文本就是下标的语法。
Markdown语法
文本~下标~
效果如下:
文本下标
十、上标
用^包含一段文本就是上标的语法。
Markdown语法
文本^上标^
效果如下:
文本上标
十一、混合使用
实现一个颜色为红色、字号为5、字体为华文琥珀的文字样式。
Markdown语法
华文琥珀
效果如下:
华文琥珀
总结
以上就是文章的全部内容,本文仅仅简单介绍了 Markdown 如何自定义字体样式,而Markdown还有其他丰富的语法,待后续总结后记录和分享。
参考资料
csdn如何修改文字体及颜色 markdown设置字体背景和颜色 CSDN博客写作小技巧【1】:CSDN如何设置字体大小、颜色和字体类型!
今天的分享就到此结束了
欢迎点赞评论关注三连