Markdown 本身不支持修改字体、字号与颜色等,但Markdown 支持 HTML 语言,所以我们采用 HTML 语法格式进行修改即可。
1.设置字体、字号和颜色
设置字体、字号和颜色的代码:
<font face="黑体"> 我是黑体字 </font>
<font face="微软雅黑"> 我是微软雅黑 </font>
<font color=gray size=2> color=gray </font>
<font color=#00ffff size=3> color=#00ffff </font>
<font color=#0099ff size=4 face="黑体"> color=#0099ff size=7 face="黑体" </font>
Size
:规定文本的尺寸大小
范围:从1 到 7
浏览器默认值是 3
显示效果:
我是黑体字
微软雅黑
color=gray
color=#00ffff
color=#0099ff size=4 face=“黑体”
font
是一对常规标签,font
标签内设置 即可设置对象内字体的颜色:color="对应颜色值"
代码:
<font color="red"> 我是红色字体 </font> 或者 <font color="#FF0000"> 我也是红色字体 </font>
显示结果:
红色字体111 或者 红色字体222
还可以这样设置字体颜色:
$\color{green}{绿色字体}$
$\color{red}红色字体$
绿色字体
\color{green}{绿色字体}
绿色字体
红色字体
\color{red}{红色字体}
红色字体
2.文本居中
对于标准的 Markdown 文本,默认左对齐,是不支持居中对齐的。我们采用 HTML 语法格式:
代码:
<center>文本居中</center>
显示:
3.添加背景色
Markdown 本身不支持背景色设置,需要借助 table、tr、td 等表格标签的 bgcolor 属性来实现背景色的功能。
举个例子:
<table><tr><td bgcolor=#FF4500>
这里的背景色是:OrangeRed,十六进制颜色值:#FF4500,rgb(255, 69, 0)
</td></tr></table>
显示:
这里的背景色是:OrangeRed,十六进制颜色值:#FF4500,rgb(255, 69, 0) |
4.Markdown 两张图片并排
单张图片居中显示
<center>
<img src="http://dreamofbook.qiniudn.com/Zero.png">
</center>
或者
<figure>
<img src=“http://xxx.jpg” width="300">
</figure>
显示效果:
宽度是 width,高度是 high
两张并排显示:
- 左对齐
<figure class="half">
<img src="http://111.jpg">
<img src="http://222.jpg">
</figure>
- 居中对齐
<center class="half">
<img src="http://111.jpg">
<img src="http://222.jpg">
</center>
三张并排显示:
- 左对齐
<figure class="third">
<img src="http://111.jpg">
<img src="http://222.jpg">
<img src="http://333.jpg">
</figure>
- 居中对齐
<center class="third">
<img src="http://111.jpg">
<img src="http://222.jpg">
<img src="http://333.jpg">
</center>
固定宽度,并排显示并居中
<center class="half">
<img src="http://111.jpg" width="300"/>
<img src="http://222.jpg" width="300"/>
</center>