CSDN博客的文字颜色、字体和字号设置

CSDN博客的文字颜色、字体和字号设置

  • 一、文本颜色设置
    • 方法一
      • 代码
      • 效果
    • 方法二
      • 代码
      • 效果
  • 二、文本字号设置
    • 代码
    • 效果
  • 三、文本字体设置
    • 代码
    • 效果
  • 四、综合效果
    • 代码
    • 效果
    • 分享

一、文本颜色设置

方法一

代码

<font color = red>1.我是文本 红色red</font>
<font color = blue>2.我是文本 蓝色</font>
<font color = pink>3.我是文本 粉红</font>
<font color = purple>4.我是文本 紫色</font>
<font color = black>5.我是文本 黑色</font>
<font color = Orange>6.我是文本 橙色</font>
<font color = gray>7.我是文本 灰色</font>
<font color = green>8.我是文本 绿色</font>
<font color = #FF0000>8.我是文本 红色#FF0000</font>

效果

1.我是文本 红色red
2.我是文本 蓝色
3.我是文本 粉红
4.我是文本 紫色
5.我是文本 黑色
6.我是文本 橙色
7.我是文本 灰色
8.我是文本 绿色
8.我是文本 红色#FF0000

方法二

代码

<font color=#900>我是编程ID</font>

效果

我是编程ID

二、文本字号设置

Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字,浏览器默认值是 3

代码

<font size = 1>1.我是文本 </font>
<font size = 2>2.我是文本</font>
<font size = 3.5>3.我是文本</font>
<font size = 5>4.我是文本</font>
<strong>6.加粗文本</strong>

效果

1.我是文本
2.我是文本
3.我是文本
4.我是文本
6.加粗文本

三、文本字体设置

代码

<font face = "楷体">1.我是文本 楷体</font>
<font face = "黑体">2.我是文本 黑体</font>
<font face = "微软雅黑">3.我是文本 微软雅黑</font>
<font face = "华文彩云">4.我是文本 华文彩云</font>
<font face="STCAIYUN">5.我是华文彩云</font>

效果

1.我是文本 楷体
2.我是文本 黑体
3.我是文本 微软雅黑
4.我是文本 华文彩云
5.我是华文彩云

四、综合效果

代码

<font color =red size = 5 face = "楷体">我是文本 楷体 5号 红色</font>

效果

我是文本 楷体 5号 红色

分享

颜色名称网站分享:https://www.materialpalette.com/colors

你可能感兴趣的:(学习,前端)