当前位置: 首页 > article >正文

Markdown常用语法(字体颜色)

一些不错的帖子

  • 写CSDN博客时,调节字体大小、颜色及其他样式的常用操作方法

设置字体颜色

使用<font>标记:

这是红色字体:<font color=red>我是红色的字体</font>

显示效果如下:
这是红色字体:我是红色的字体

使用CSS样式:

这是蓝色字体:<span style="color:blue">我是蓝色的字体</span>

显示效果如下(好像没用?)
这是蓝色字体:我是蓝色的字体

【颜色查询】CSDN格式字体颜色入门

设置字体大小

(CSDN中好像还是只有<font>命令有效)
可选尺寸为1-7,默认大小应该是3号。

这是5号字体:<font size=5>我是5号字体</font>

显示效果如下:
这是5号字体:我是5号字体

下面的代码在别的Markdown编辑器上确实是有效的,但不知道为什么在CSDN里不能用,而且确实不会显示span的代码

这是20号字体:<span style="font-size:20px">我是20号字体</span>

<span style="color: red; font-size: 16px;">这是一段红色、16号字体的文本。</span>

这是24px的字体:<span style="font-size: 24px;">我是24px的字体</span>

后来在网上找了一些写CSDN博客的经验介绍,发现大家基本都是用的<font>,没有用<span>,可能就是不支持吧。
下面是一些博客的汇总,之后有需要可以查看

  • CSDN博客的文字颜色、字体和字号设置
  • 博客写作小技巧【1】:如何设置字体大小、颜色和字体类型!
  • Markdown编辑器设置csdn博客常用功能:字体颜色、背景色等(附:颜色卡)

设置不同字体

<font face="楷体" color="red" size="6">
face用于设置字体;
color用于设置颜色;
size用于设置大小
</font>

显示效果为

face用于设置字体;
color用于设置颜色;
size用于设置大小

设置背景色

好像没办法单独设置一行中某几个字的背景色,一旦设置就是整个一行。比如

<table><tr><td bgcolor="orange"> 背景色是 1 orange</td></tr></table>

显示效果为

背景色是 1 orange

如果想要强调一行中的某几个字,可以用

这是==标记文本==

显示效果为
这是标记文本

或者显示为键盘格式也比较好用。比如

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

显示效果为
使用 Ctrl+Alt+Del 重启电脑

其他显示效果

下划线、上下标等

<u>下划线</u>
文本^上标^
文本~下标~
<small>小号字体</small>
<big>大号字体</big>
H~2~O is是液体
2^10^ 运算结果是 1024

显示效果为:
下划线
文本上标
文本下标
小号字体
大号字体
H2O is是液体
210 运算结果是 1024

首行缩进、设置插入图片的大小、空格、黑点

参考链接 CSDN的常用技巧(字体、颜色、大小、类型等)

空白行

使用块标签撑开一行,如p、div、br

<p></p>
<div></div>
内容1<br/><br/>内容2

http://www.kler.cn/a/2358.html

相关文章:

  • 深度学习试题及答案解析(二)
  • 2.4 网络概念(分层、TCP)
  • OceanBase 数据库分布式与集中式 能力
  • STM32 高级 物联网通信之CAN通讯
  • 2024_12_20_生活记录
  • Go 语言常量
  • Python生日蛋糕
  • 网络协议分析期末复习(四)
  • 【vue2】使用vue常见的业务流程与实现思路
  • Docker的可视化界面工具
  • CRC校验算法以及相关实现示例
  • 脱不下孔乙己的长衫,现代的年轻人该怎么办?
  • 百度文心一言正式亮相
  • Linux(网络基础---网络层)
  • 【Python入门第三十五天】Python丨文件打开
  • 论文阅读《Point NeRF:Point-based Neural Radiance Fileds》
  • 【C++进阶】十一、哈希的应用---位图(一)
  • 机器学习算法——决策树详解
  • 蓝桥杯刷题第十五天
  • STM32的CAN总线调试经验分享
  • 【安全与风险】密码学介绍
  • Qt调用Chrome浏览器
  • Qt示例3:用Qt画一个温度计
  • 【thingsboard】实现设备联动
  • 数据结构与算法——二叉树遍历、查找、删除、顺序存储二叉树、线索化二叉树
  • 【数据结构】环形链表