700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【Markdown语法】字体颜色大小及文字底色设置

【Markdown语法】字体颜色大小及文字底色设置

时间:2023-04-25 18:32:13

相关推荐

【Markdown语法】字体颜色大小及文字底色设置

Markdown字体颜色大小设置

一、更改字体、颜色、大小1、Markdown语法2、一些常用颜色3、文字底色二、some tips1、强调2、放大加粗字体(类似于标题)3、分割线4、文章转载5、文字加上粉色矩形框附录:颜色列表

一、更改字体、颜色、大小

1、Markdown语法

<font face="黑体">黑体字</font><font face="微软雅黑">微软雅黑</font><font face="STCAIYUN">华文彩云</font><font color=blue>蓝色</font><font color=#008000>绿色</font><font color=Red>红色</font><font size=5>尺寸</font>

<font face="黑体" color=green size=5>黑体,绿色,尺寸为5(任意内容)</font>

效果如下

黑体字

微软雅黑

华文彩云

蓝色

绿色

红色

尺寸

黑体,绿色,尺寸为5(任意内容)

如果不需要改变输入内容的其他属性,比如加粗,斜体等,可以在内容前面加上<font color=颜色>即可。例如语句

<font color=LightSeaGreen>某一种绿色

效果如下:某一种绿色

2、一些常用颜色

color=NavajoWhite

color=Feldspar

color=SandyBrown

color=LightSalmon

color=Salmon

color=LightCoral

color=Pink

color=PaleVioletRed

color=HotPink

color=silver

color=LightSlateGray

color=SlateGray

color=grey

color=RosyBrown

color=maroon

color=DarkSeaGreen

color=LightSeaGreen

color=SeaGreen

color=PowderBlue

color=LightSteelBlue

color=CadetBlue

color=navy

color=Thistle

color=Plum

color=MediumPurple

color=Purple

3、文字底色

借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。将那一整行看作一个表格,更改整个格子的背景色(bgcolor)。

Markdown语法:

<table><tr><td bgcolor=DarkSeaGreen>这里的背景色是:DarkSeaGreen,此处输入任意想输入的内容</td></tr></table>

现象:

二、some tips

1、强调

*号或者_都可以,单个是斜体,双个是加粗。

**凡有所学,皆成性格。**__凡有所学,皆成性格。__*凡有所学,皆成性格。*_凡有所学,皆成性格。_

凡有所学,皆成性格。

凡有所学,皆成性格。

凡有所学,皆成性格。

凡有所学,皆成性格。

2、放大加粗字体(类似于标题)

Markdown语法

<h1>想要放大的字体</h1>//h后面数字越大,字体越小<h2>想要放大的字体</h2><h3>想要放大的字体</h3><h4>想要放大的字体</h4><h5>想要放大的字体</h5>

效果如下:

3、分割线

简单直接的方法:三个及以上-_*,必须单独一行,可含空格

---***___

效果如下:

Markdown语法

<div class="footnotes"><hr><ol><li id="fn:wx"=>

效果如下

如果想自带标号(1,2,3等):

Markdown语法

<div class="footnotes"><hr><ol><li id="fn:wx">想输入的内容①</a></li><li id="fn:kz">想输入的内容②</a></li><li id="fn:kz">想输入的内容③

效果如下:

想输入的内容① 想输入的内容② 想输入的内容③

4、文章转载

Markdown语法

文章作者(任意想输入的汉字), <a href="转载文章的网址">转载文章的名称</a>

效果如下:

Ω snow , 单片机学习(3)——数码管的显示+定时器+中断 ↩

如果想加上↩,Markdown语法 如下:

文章作者(任意想输入的汉字), <a href="转载文章的网址">转载文章的名称</a> <a href="#fnref:wx" rel="nofollow" title="Return to article" class="reversefootnote">↩

效果如下:

Ω snow , 单片机学习(3)——数码管的显示+定时器+中断 ↩

结合加上横线,文章转载。Markdown语法

<div class="footnotes"><hr><ol><li id="fn:wx">文章作者1(任意想输入的汉字), <a href="转载文章的网址">转载文章的名称</a>. <a href="#fnref:wx" rel="nofollow" title="Return to article" class="reversefootnote">↩</a></li><li id="fn:kz">文章作者2, <a href="文章的网址">文章名称</a> <a href="#fnref:kz" rel="nofollow" title="Return to article" class="reversefootnote">↩</a></li><li id="fn:wx2">文章作者3, <a href="/testcs_dn/article/details/45766819">文章名称</a> <a href="#fnref:wx2" rel="nofollow" title="Return to article" class="reversefootnote">↩</a></li></ol></div>

效果如下:

文章作者1(任意想输入的汉字), 转载文章的名称. ↩文章作者2, 文章名称 ↩文章作者3, 文章名称 ↩

如果想继续增加标号,只需要重复这一段代码即可:

<li id="fn:wx2">文章作者3, <a href="/testcs_dn/article/details/45766819">文章名称</a> <a href="#fnref:wx2" rel="nofollow" title="Return to article" class="reversefootnote">↩</a></li>

5、文字加上粉色矩形框

给文字或者代码加上粉色矩形框算是我本人写博客时比较偏爱的一种方式啦,尤其是在一堆文字里写上一句代码时,或者特地突出哪句话时,加上粉色矩形框就比较nice了,既能起到突出强调的作用,方便阅读,并且也比较美观(相比较黄色的高亮好太多了~)!

首先输入模式改成英文的,然后 用两个反单引号`包裹需要粉色高亮的字体即可。反单引号在键盘的左上角,ESC键下方,Tab键上方。具体位置如下图:

附录:颜色列表

附上转载自 CSDN-markdown编辑器语法——字体、字号与颜色 的颜色列表,按颜色名排序。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。