HTML - color 属性_HTML 菜鸟教程

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

这是一个遗留属性，因此您可以改用 CSS 的“color”属性。此属性仅适用于 <font> 和 <hr> 标签，但是，CSS color 属性适用于每个元素。

语法


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

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

适用于

下面列出的元素允许使用 HTML checked 属性。

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

HTML color 属性的示例

以下代码演示了 HTML 中 color 属性的用法

字体标签的color 属性

在以下示例中，我们在字体元素中使用 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 属性

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


<!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>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - class 属性 HTML - cols 属性 >>