【问题标题】:Turning the contents of a h4 tag another colour, in this case, green [closed]将 h4 标签的内容变成另一种颜色,在本例中为绿色 [关闭]
【发布时间】:2018-02-10 15:35:07
【问题描述】:

我有以下代码行,并且添加了额外的位 (font-colour="green") 它实际上并没有将 h4 标题变为绿色。

谁能建议解决这个问题?

我还尝试为 h4 标签添加高亮,并删除了左对齐功能。

我认为问题可能在于我不明白它是如何组织/结构化的,以及我需要在哪里添加代码。在任何答案中对此进行解释将不胜感激。

将 H4 标题变为绿色的代码(不起作用)

<h4 style="text-align:left;width:50%;margin-top:30px;font color="green">Tracking</h4>

将高亮添加到 H4 标签的代码

<mark><h4 style="text-align:left;width:50%;margin-top:30px;">Tracking</h4></mark>

在 css 中包含以下内容

<style>
mark { 
    background-color: black;
    color: white;
}
</style>

与此 h4 标题文本的格式相同。我尝试使用

在其下方添加一条黑线
并且它没有出现 - 所以我不知道它是白色还是透明,因为它确实创造了一个空间,但没有显示颜色。

然后我尝试了这个:

<font color="black"><hr></font>

当然,这也不起作用。

整个问题 - 我所描述的所有示例都与我的 CSS 有关吗?如果是这样,我如何手动为每个单独的标签覆盖它以执行我描述的功能?

【问题讨论】:

  • 由于style 属性中的拼写错误,它无法工作;该属性是color 而不是font color;如果用户代理不理解 CSS 规则,则将其丢弃;将规则编辑为:color: green

标签: html css colors formatting


【解决方案1】:

你的风格有错别字。而不是style="text-align:left;width:50%;margin-top:30px;font color="green",应该是style="text-align: left; width: 50%; margin-top: 30px; color: green"

注意两种样式最后部分的区别。

【讨论】:

  • 谢谢!!!按照同样的逻辑,我知道我理解这一点,我会在哪里放一些东西来使标题“跟踪”加粗?还是更大的字体?如果您可以将其添加到您的答案中(粗体和更大的字体大小覆盖)我可以接受...再次感谢!
  • 对于粗体,您可以使用 strong-tag 或添加 font-weight: bold 到您的样式。例如,对于字体大小,您可以添加 font-size: 10px。一般来说,我不建议您覆盖标题标签的字体大小。相反,您可以根据需要使用 h1-3 或 h5-6。
  • 我试过了,它不起作用:

    跟踪

    应该可以吗?
  • 重点是,正如解释的那样,我试图覆盖样式,因为我只在少数情况下想要这个绿色粗体,而不是全面
  • 把你的强标签放在h4里面并标记标签。您的层次结构应该类似于

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-05-20
  • 2022-01-10
  • 2013-08-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多