Html 如何为文本行设置不同的颜色？

我有一个对话，想在html可滚动区域内显示。我想用两种颜色显示对话行。如下所示：

<em>A:</em> Hello</font><br><font color="green">
<em>B:</em> Hi</font><br><font color="blue">
<em>A:</em> How old are you?</font><br><font color="green">
<em>B:</em> I'm 17 years old.</font><br><font color="blue"><em>

A:Hello

B:嗨

你多大了？

我17岁了。

我希望“A”的句子是蓝色的，“B”的句子是绿色的。有人知道什么是最好的元素吗？我应该怎么做

您的HTML是。。。可怕的！ 以下是一些改进方法：

• 使用CSS设置元素的样式
• 避免使用
  ，因为它是一个“样式标签”
• 将元素包装在内联/块标记中

因此，您的HTML结构基本上如下所示：

<p class="green"><em>A:</em> Hello</p>
<p class="blue"><em>B:</em> Hi</p>
<p class="green"><em>A:</em> How old are you?</p>
<p class="blue"><em>B:</em> I'm 17 years old.</p>

<style type="text/css">
/* Create a margin under the 'p' tag to avoid use of <br/>*/
p {
    margin-bottom:10px;
}
.blue {
    color:#0000FF;
}
.green {
    color:#00FF00;
}
</style>

你好

B:你好

你多大了

我17岁了

/*在“p”标记下创建边距，以避免使用
*/ p{ 边缘底部：10px； } 蓝先生{ 颜色：#0000FF； } 格林先生{ 颜色：#00FF00； } 不过，我建议您在专用样式表中编写CSS。

---

更多关于CSS类的信息。

你能把你的html代码放在问题中吗？为什么你不自己研究类似的东西呢？任何元素（p，div）都是合适的。颜色也可以通过内联样式或css类设置。在你提问之前，你应该多搜索一下。这就像你刚刚发布了你的练习标题，希望别人给你答案。这对你没有帮助。显然编辑回答了你的问题。虽然有些元素并没有达到预期的效果，你可以用更少的元素来实现。试着这样做锻炼…：）@AnastasiosSelmanis我刚刚更新了问题的格式，即没有添加任何HTML。

font

标签在发布时就在问题中。我认为元素p不需要空白底部来避免
。它总是从新的一行开始。是的，你是对的。我以为他想在他的“p”标签之间留有额外的空间。