个人感觉Markdown编辑文章非常nice,记录一下自己常用的一些编辑文字样式的方法。
文字
字体样式
size:浏览器默认取值为3,区间1~7。
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="楷体">我是楷体</font>
<font color=#0099ff size=3 face="黑体">color=#0099ff size=3 face="黑体"</font>
<font color=#00ffff size=4>color=#00ffff size=4</font>
<font color=gray size=5>color=gray size=5</font>
我是黑体字
我是微软雅黑
我是楷体
color=#0099ff size=3 face=“黑体”
color=#00ffff size=4
color=gray size=5
字体颜色
字体颜色,这里放上几种我常用的:
颜色名 | 十六进制 | 颜色 |
---|---|---|
Crimson | #DC143C | rgb(220, 20, 60) |
Gainsboro | #DCDCDC | rgb(220, 220, 220) |
DoderBlue | #1E90FF | rgb(30,144,255) |
Gold | #FFD700 | rgb(255, 215, 0) |
LightSeaGreen | #20B2AA | rgb(32, 178, 170) |
段落
缩进
无缩进效果
  半角的空格
  全角的空格
无缩进效果
半角的空格
全角的空格
背景色
Markdown本身不支持背景色设置,需要采用内置html的方式实现:借助 table
、tr
、td
等表格标签的 bgcolor
属性来实现背景色的功能。
<table><tr><td bgcolor=#0099ff>   Markdown本身不支持背景色设置,需要采用内置html的方式实现:借助 table 、tr、td 等表格标签的 bgcolor 属性来实现背景色的功能。</td></tr></table>
Markdown本身不支持背景色设置,需要采用内置html的方式实现:借助 table 、tr、td 等表格标签的 bgcolor 属性来实现背景色的功能。 |
图片
缩放
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="20%" height="20%" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="30%" height="30%" />
设置大小
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="50" height="50" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="65" height="65" />
<img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="80" height="80" />
设置悬浮位置
<div align=left><img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%"></div>
<div align=center><img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%"></div>
<div align=right><img src="https://i-blog.csdnimg.cn/blog_migrate/cc52a5435a4bdd2677ea29527761e3fa.jpeg" width="10%" height="10%"></div>