Markdown 设置字体、字号、颜色和两张/多张图片并排显示

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>
  • 15
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值