Wherelse Blog

Markdown中使用HTML实现文本居中,改变字体颜色等

2019-12-15 · 2 min read
Markdown

How to make the markdown in the middle of pages

文本居中

将HTML语法放到Markdown里面就可以实现文本及图像等的居中,比如说加上br标签就可以换行,给文字加上center标签就可以使文字居中,写法是:<center>markdown居中文本</center>
例如:<center>markdown居中测试</center>效果如下:

markdown居中测试

字体颜色

使用以下代码实现改变markdown中文字的颜色,使用时需要将想要改变颜色的内容放在······的位置。

<font color=#xxxxxx>    <! xxxxxx为颜色代号>
·····
</font>

例子代码:

<font color=#FF0000> 
文字颜色测试
</font>

效果:

文字颜色测试

字体的加粗和斜体

在使用以上的两种html方法进行文字编辑时可能会影响到Markdown的加粗等内容的渲染,如果这个时候想对文字进行加粗斜体等操作该怎么办呢?

使用加粗、斜体、删除线,下划线等标签

<b>          <! 加粗标签>
·····
</b>

<i>          <! 斜体标签>
·····
</i>

<u>          <! 下划线标签>
·····
</u>

<s>          <! 删除标签>
·····
</s>

这里我们以一个加粗斜体红色字为例:
例子代码:

<b>
<i>
<font color=#FF0000> 
文字颜色测试
</font>
</i>
</b>

显示效果:



文字颜色测试