1.字体颜色

<span style="color: red;font-size: 30;">40字号红色字体示例</span> <span style="color: red;background-color: yellow;font-size: 20;">20字号黄色背景红色字体示例</span> <span style="color: blue;">蓝色字体示例</span> <span style="color: blue;">蓝色字体示例</span>

更细致的字体颜色改变方法

在HTML和CSS中，颜色可以使用多种方式表示，包括颜色名称、十六进制值、RGB值等。以下是一些常见的颜色表示方法：

1. 颜色名称：

   • 例如：red, blue, green, yellow, purple, gray, 等。

2. 十六进制值：

   • 例如：#FF0000（红色）、#00FF00（绿色）、#0000FF（蓝色）。

3. RGB值：

   • 例如：rgb(255, 0, 0)（红色）、rgb(0, 255, 0)（绿色）、rgb(0, 0, 255)（蓝色）。

4. RGBA值（包含透明度）：

   • 例如：rgba(255, 0, 0, 0.5)（半透明的红色）。

5. HSL值（色调、饱和度、亮度）：

   • 例如：hsl(0, 100%, 50%)（红色）、hsl(120, 100%, 50%)（绿色）、hsl(240, 100%, 50%)（蓝色）。

这只是其中的一部分，你可以在 CSS 中使用这些表示方法来设置字体的颜色。例如：

你可以根据需要选择合适的颜色表示方法。

2.加粗

加粗示例**加粗示例**

3.斜体

斜体文本*斜体文本*

4.加底色

<span style="background-color: yellow;">黄色底色的示例</span> <span style="background-color: yellow;">黄色底色的示例</span>

5.改字号

1. 行内字号

使用 <span> 标签和 style 属性来定义行内文本的字号： <span style="font-size: 13px;">这是13像素的文字。</span> <span style="font-size: 10px;">这是10像素的文字。</span>

2. 段落字号

使用 <p> 标签和 style 属性来定义整个段落的字号： <p style="font-size: 18px;">这是18像素的段落。</p> <p style="font-size: 18px;">这是18像素的段落。</p><span style="color: red;">红色字体</span>

3.灰色小号

<span style="color: gray; font-size: small;">灰色小号字体</span> <span style="color: gray; font-size: small;">灰色小号字体</span> <span style="font-size: 10; color: #888;">这是小号灰体字。</span>

6.列表

• 有序列表项1

• 有序列表项2

• 无序列表项1

• 无序列表项2

• 无序列表项3