HTML - color 属性

HTML color 属性用于设置字体元素的文本颜色，可以使用颜色名称或十六进制 RGB 格式指定的颜色。

这是一个遗留属性，您可以使用 CSS 的 'color' 属性代替。此属性仅适用于 <font> 和 <hr> 标签，但是 CSS color 属性适用于所有元素。

语法

<tag color = 'value'></tag>

其中 value 可以是任何颜色名称（红色、绿色等）、任何颜色的十六进制代码或任何颜色的 RGB 代码。

应用于

以下列出的元素允许使用 HTML color 属性。

元素	描述
<font>	HTML <font> 标签用于指定文本的字体。
<hr>	HTML <hr> 标签用于在文档中绘制水平线。

HTML color 属性示例

以下代码演示了在 HTML 中使用 color 属性。

font 标签的 color 属性

在以下示例中，我们在 font 元素中使用 HTML 'color' 属性来设置此元素的文本颜色。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML 'color' attribute</title>
</head>

<body>
   <!--HTML 'color' attribute-->
   <p>Example of the HTML 'color' attribute</p>
   <form>
      <input 
         type="text" 
         placeholder="Username" 
         minlength="8">
      <font color='green'>
         Username must have a minimum length of 8
      </font>
      <br>
      <br>
      <input 
         type="password" 
         placeholder="Password">
      <font color='red'>
      Password must contain special characters
      </font>
      <br>
      <br>
      <button>Login</button>
   </form>
</body>

</html>

hr 标签的 color 属性

考虑另一种情况，我们将使用 color 属性与 hr 标签一起使用。以下代码将显示彩色线条。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML 'color' attribute</title>
</head>

<body>
   <!--HTML 'color' attribute-->
   <p>Example of HTML 'color' attribute</p>
   <p>Blue line</p>
   <hr color='blue'>
   <p>Red line</p>
   <hr color='red'>
   <p>Green line</p>
   <hr color='green'>
</body>

</html>

支持的浏览器

属性
color	是	是	是	是	是

html_attributes_reference.htm

打印页面