Question

我有一个对话，想要在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>

我想＆＃34; A＆＃34;句子是蓝色的＆＃34; B＆＃34;句子是绿色的。有人知道什么是最好的元素，我该怎么做？

Answer 1

你的HTML很糟糕！以下是一些改进它的提示：

使用CSS设置元素样式
避免使用<br/>，因为它是＆＃34;样式标记＆＃34;
将您的元素包装在内联/块标记中

基本上，你的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>

我建议你在专用样式表中编写CSS 有关CSS类here的更多信息。

如何为文本行添加不同的颜色？

1 个答案: