MarkDown常用使用技巧---字体颜色、大小、背景色、表格、图片大小修改---CSDN篇

文章目录

1.颜色中的各种色号问题
2.段落中的字体大小、颜色、字体类型
3.文字背景色、整行背景色
4.备注信息中的颜色
5.markdown表格
- （1）快速创建表格
- （2）表格对齐方式
6.修改插入的图片显示的大小

【背景故事】
MarkDown不同的平台，使用稍微有点差别。本博文主要介绍在CSDN中博文编辑时候的使用技巧。介绍的方法是否使用任何其他markdown平台不得而知。

1.颜色中的各种色号问题

推荐网站: 百图汇

2.段落中的字体大小、颜色、字体类型

size: 规定文本的尺寸大小的值：从 1 到 7 ,浏览器默认值是 3,超过7就按照7的size显示。

【效果如下】

我是黑体字
我是微软雅黑
我是华文彩云

颜色#00ffff &大小

颜色Pink与大小

【原始代码】


<font color=#0099ff size=5 face="黑体">我是黑体字</font>
<font color=#0099ff size=5 face="KaiTi">我是微软雅黑</font>
<font color=#0099ff size=5 face="Microsoft JhengHei">我是华文彩云</font><div><font color=#00ffff size=7>颜色#00ffff &大小</font></div>
<font color=green size=7>颜色green与大小</font>

3.文字背景色、整行背景色

【效果如下】

Hello World ! \colorbox{green}{Hello World ! }Hello World !

背景色为#00FFFF，居中、未加粗

背景色为#00FF30，居中、加粗

背景色为#0080FF，左对齐、未加粗

背景色为#E0E0E0，右对齐、未加粗

【原始代码】


<table><tr><td bgcolor=#00FFFF >背景色为#00FFFF，居中、未加粗</td></tr></table><table><tr><td bgcolor=#00FF30 ><b>背景色为#00FF30，居中、加粗</td></tr></table><table><tr><td bgcolor=#0080FF align="left" >背景色为#0080FF，左对齐、未加粗</td></tr></table><table><tr><td bgcolor=#E0E0E0 align="right" >背景色为#E0E0E0，右对齐、未加粗</td></tr></table>

4.备注信息中的颜色

【效果1，如下】

【备注信息】

这是一段很重要的信息， 1.后面有一个空格

很长很长的内容如下

…

【原始代码】


> <font  color="006030" size=3 > <b>【备注信息】
> 1. 这是一段很重要的信息
> 2. 很长很长的内容如下
> 3. ..

【效果2，如下】

【备注信息】
1.这是一段很重要的信息
2.很长很长的内容如下
3…

【原始代码】


> <font  color="006030" size=3 > <b>【备注信息】
> 1.这是一段很重要的信息
> 2.很长很长的内容如下
> 3..

5.markdown表格

（1）快速创建表格

工具：TableConvert

step1: 复制excel或text中的内容

step2: 复制excel或text中的内容到Data Source中

step3: Table Generator中将会自动转换为markdown格式

【效果如下】

表头-1	表头-2
单元格-1	单元格-11
单元格-2	单元格-12
单元格-3	单元格-13
单元格-4	单元格-14
单元格-5	单元格-15
单元格-6	单元格-16
单元格-7	单元格-17

（2）表格对齐方式

【左对齐效果】

表头-1	表头-2
单元格-1	单元格-11
单元格-2	单元格-12

【原始代码】


| **表头-1** | **表头-2** |
|:----------|----------|
| 单元格-1    | 单元格-11   |
| 单元格-2    | 单元格-12   |

【右对齐效果】

表头-1	表头-2
单元格-1	单元格-11
单元格-2	单元格-12

【原始代码】


| **表头-1** | **表头-2** |
| --------- | ----------:|
| 单元格-1    | 单元格-11   |
| 单元格-2    | 单元格-12   |

6.修改插入的图片显示的大小

一般来说，多张照片的整体如果可以保持一致，最终看到的效果就好很多。

将一个图片插入到博客中，一般的格式大致如下：

![在这里插入图片描述](https://img-blog.csdnimg.cn/36415095de5xxxxx.png)

先将图片插入到博客中，然后再改(这样csdn图片官网会缓存你图片的网络地址)为img标签的样式即可：

<img src="https://img-blog.csdnimg.cn/c02xxx.png" width="800px" />

MarkDown常用使用技巧---字体颜色、大小、背景色、表格、图片大小修改---CSDN篇相关推荐

CKEditor5 功能追加，自定义设置：段落对齐，字体颜色，背景色，字体大小等配置添加
CKEditor5 功能追加 CKEditor5的安装详见官网: https://ckeditor.com/ckeditor-5/demo/ 如上图所示:ckeditor5只默认了字体加粗,斜体,加入 ...
常用HTML代码,字体颜色等
常用HTML代码,字体颜色等 1.初级字体特效加粗代码:<b>加粗</b> 蓝色标明:需要加粗的文字. 倾斜代码:<em>倾斜</em> 蓝色 ...
【Markdown笔记】设置字体颜色
[Markdown笔记]设置字体颜色 [Markdown笔记]设置字体颜色 [Markdown笔记]设置字体颜色 HTML 字体颜色 Font colors 背景颜色 Background color ...
改变MFC对话框背景色、控件内的字体颜色和背景色
原文转自http://www.rosoo.net/a/201408/17018.html C 设置 Dialog, Group Box, Static Text, Check Box, Edit Ct ...
Mac电脑用预览功能调整图像大小?Mac调整图片大小方法
要说到修改一张图片的尺寸大小,很多人的第一反应通常是打开 Photoshop 或者 Pixelmator,其实使用苹果MAC电脑有更简单方便的方法来调整图片的大小尺寸,OS X 自带的快速预览功能就可 ...
批量处理图形大小如何更改图片大小尺寸修改图片视频教程ps学习ps教程ps基础新教程
批量处理图形大小如何更改图片大小尺寸修改图片视频教程ps学习ps教程ps基础新教程
在markdown中控制文字的颜色，背景色，字体大小，字体样式及颜色RGB转换工具链接
文章目录 1. 在markdown中控制文字的颜色: 2. 在markdown中控制文字的背景色 3. 在markdown中控制文字的字体大小 4. 在markdown中控制文字的字体样式 5. 另一 ...
markdown编辑器——文字颜色、大小、字体、背景色、图片大小与居中对齐的设置方法
文章目录一.颜色二.大小三.字体四.背景色五.图片大小方法1: 方法 2 图片居中一.颜色浅红色文字: 深红色文字浅绿色文字深绿色文字浅蓝色文字深蓝色文字浅黄色文字深黄色文 ...
Android开发之RadioButton选择改变字体颜色与背景色
先看效果图: 方法一: 公司理财项目里面用到的,当选中radioButton后要改变背景色和自提颜色,试了好几次这么都不行. 于是想到了selecter背景选择器,可是怎么写都不对.终于找到一种成功的 ...

MarkDown常用使用技巧---字体颜色、大小、背景色、表格、图片大小修改---CSDN篇

文章目录

1.颜色中的各种色号问题

2.段落中的字体大小、颜色、字体类型

3.文字背景色、整行背景色

4.备注信息中的颜色

5.markdown表格

（1）快速创建表格

（2）表格对齐方式

6.修改插入的图片显示的大小

MarkDown常用使用技巧---字体颜色、大小、背景色、表格、图片大小修改---CSDN篇相关推荐

最新文章

热门文章