Question

<html>
    <body>
      <font color="#FF0000">Red</font>
      <BR>
      <font color=green>Green</font>
      <BR>
      <font color= rgb(255,255,0)>Gold</font>
    </body>
</html>

从上面的代码我尝试使用不同的方法来更改字体颜色。前两种方式完美运行（十六进制和实际名称）;但RGB格式的第三个显示不正确。那里的错误是什么？

Answer 1

style="color:rgb(255,255,0)"。不推荐使用font标签，也应避免使用内联样式。不要忘记属性名称上的双引号：attr="value"而不是attr=value

这最好在使用目标类的CSS中完成：

<p class="my-class">Some text</p>

在你的css文件中：

.my-class {
  color: rgb(255,255,0);
}

标签也不能用于布局。它只应用于文本中的新行。相反，对应该在新行上的元素使用display: block。

以下是完整示例:(请注意<p>标记默认为display: block

<p class="red-text">Red</p>
<p class="green-text">Green</p>
<p class="gold-text">Gold</p>

CSS：

.red-text {
  color: #FF0000; 
}

.green-text {
  color: green; 
}

.gold-text {
  color: rgb(255,255,0);
}

Live demo (click).

Answer 2

这个怎么样？

 <style>
   .red{
       color: #FF0000;
  }
</style>

HTML标记：

 <div class="red" >Red</div>

Answer 3

<html>
<head>
<title>webpage name</title>
</head>
<body>
<font color="#FF0000">Red</font> (it's look right).
<BR>
<font color=green>Green</font>(wrong).
<BR>
<font color= rgb(255,255,0)>Gold</font>(wrong).
</body>
</html>

修饰

<html>
<head>
<title>webpage name</title>
</head>
<body>
<font color="#FF0000">Red</font>
<BR>
<font color="green">Green</font>
<BR>
<font color="rgb(255,255,0)">Gold</font>
</body>
</html>

CSS样式作为字体标记的颜色属性

3 个答案: